diff --git a/components/ui/custom/CustomButton.tsx b/components/ui/custom/CustomButton.tsx index 4b1ce2b2a5..80671af547 100644 --- a/components/ui/custom/CustomButton.tsx +++ b/components/ui/custom/CustomButton.tsx @@ -1,13 +1,31 @@ import { Button, CircularProgress } from "@nextui-org/react"; +import type { PressEvent } from "@react-types/shared"; import clsx from "clsx"; +type NextUIVariants = + | "solid" + | "faded" + | "bordered" + | "light" + | "flat" + | "ghost" + | "shadow"; + +type NextUIColors = + | "primary" + | "secondary" + | "success" + | "warning" + | "danger" + | "default"; + export const buttonClasses = { base: "px-2 inline-flex items-center justify-center relative z-0 text-center whitespace-nowrap", primary: "bg-default-100 hover:bg-default-200 text-default-800", secondary: "bg-prowler-grey-light dark:bg-prowler-grey-medium text-white", action: "text-white bg-prowler-blue-smoky dark:bg-prowler-grey-medium", dashed: - "border border-default border-dashed bg-transparent hover:bg-accent justify-center whitespace-nowrap font-medium shadow-sm hover:bg-accent hover:text-accent-foreground", + "border border-default border-dashed bg-transparent justify-center whitespace-nowrap font-medium shadow-sm hover:border-solid hover:bg-default-100 active:bg-default-200 active:border-solid", transparent: "border-0 border-transparent bg-transparent", disabled: "pointer-events-none opacity-40", hover: "hover:shadow-md", @@ -33,7 +51,7 @@ interface ButtonProps { | "warning" | "danger" | "transparent"; - onPress?: (event: React.MouseEvent) => void; + onPress?: (e: PressEvent) => void; children: React.ReactNode; startContent?: React.ReactNode; endContent?: React.ReactNode; @@ -64,8 +82,8 @@ export const CustomButton = ({