mirror of
https://github.com/NginxProxyManager/nginx-proxy-manager.git
synced 2025-08-29 20:10:28 +00:00
24 lines
523 B
TypeScript
24 lines
523 B
TypeScript
import { Button, MenuButton, MenuButtonProps } from "@chakra-ui/react";
|
|
import { FiChevronDown } from "react-icons/fi";
|
|
|
|
function PrettyMenuButton(props: MenuButtonProps) {
|
|
return (
|
|
<MenuButton
|
|
size="sm"
|
|
as={Button}
|
|
fontFamily="heading"
|
|
bgGradient="linear(to-r, red.400,pink.400)"
|
|
color="white"
|
|
rightIcon={<FiChevronDown />}
|
|
_hover={{
|
|
bgGradient: "linear(to-r, red.400,pink.400)",
|
|
boxShadow: "xl",
|
|
}}
|
|
{...props}>
|
|
{props.children}
|
|
</MenuButton>
|
|
);
|
|
}
|
|
|
|
export { PrettyMenuButton };
|