diff options
Diffstat (limited to 'packages/desktop/src/ui/button.tsx')
| -rw-r--r-- | packages/desktop/src/ui/button.tsx | 36 |
1 files changed, 0 insertions, 36 deletions
diff --git a/packages/desktop/src/ui/button.tsx b/packages/desktop/src/ui/button.tsx deleted file mode 100644 index 21d89fbee..000000000 --- a/packages/desktop/src/ui/button.tsx +++ /dev/null @@ -1,36 +0,0 @@ -import { Button as Kobalte } from "@kobalte/core/button" -import { type ComponentProps, splitProps } from "solid-js" - -export interface ButtonProps { - variant?: "primary" | "secondary" | "ghost" - size?: "sm" | "md" | "lg" -} - -export function Button(props: ComponentProps<"button"> & ButtonProps) { - const [split, rest] = splitProps(props, ["variant", "size", "class", "classList"]) - return ( - <Kobalte - {...rest} - data-size={split.size || "sm"} - data-variant={split.variant || "secondary"} - class="inline-flex items-center justify-center rounded-md cursor-pointer font-medium transition-colors - min-w-0 whitespace-nowrap truncate - data-[size=sm]:h-6 data-[size=sm]:pl-2 data-[size=sm]:text-xs - data-[size=md]:h-8 data-[size=md]:pl-3 data-[size=md]:text-sm - data-[size=lg]:h-10 data-[size=lg]:pl-4 data-[size=lg]:text-base - data-[variant=primary]:bg-primary data-[variant=primary]:text-background - data-[variant=primary]:hover:bg-secondary data-[variant=primary]:focus-visible:ring-primary - data-[variant=secondary]:bg-background-element data-[variant=secondary]:text-text - data-[variant=secondary]:hover:bg-background-element data-[variant=secondary]:focus-visible:ring-secondary - data-[variant=ghost]:text-text data-[variant=ghost]:hover:bg-background-panel data-[variant=ghost]:focus-visible:ring-border-active - focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-offset-transparent - disabled:pointer-events-none disabled:opacity-50" - classList={{ - ...(split.classList ?? {}), - [split.class ?? ""]: !!split.class, - }} - > - {props.children} - </Kobalte> - ) -} |
