mirror of
https://github.com/netbirdio/netbird.git
synced 2026-05-13 20:29:55 +00:00
9aef31ff53
Removes the legacy fyne-based client/ui implementation and renames the Wails replacement (client/ui-wails) to take its place at client/ui. Go imports, frontend bindings, CI workflows, goreleaser configs and the windows .syso icon path are updated to follow the rename.
43 lines
1.2 KiB
TypeScript
43 lines
1.2 KiB
TypeScript
import { ButtonHTMLAttributes, forwardRef } from "react";
|
|
import { cn } from "../lib/cn";
|
|
|
|
type Variant = "primary" | "secondary" | "ghost" | "danger";
|
|
type Size = "sm" | "md";
|
|
|
|
const variants: Record<Variant, string> = {
|
|
primary: "bg-netbird text-white hover:bg-netbird-500 disabled:bg-nb-gray-300",
|
|
secondary:
|
|
"bg-nb-gray-100 text-nb-gray-900 hover:bg-nb-gray-200 dark:bg-nb-gray-900 dark:text-nb-gray-50 dark:hover:bg-nb-gray-800",
|
|
ghost:
|
|
"bg-transparent text-nb-gray-700 hover:bg-nb-gray-100 dark:text-nb-gray-200 dark:hover:bg-nb-gray-900",
|
|
danger: "bg-red-600 text-white hover:bg-red-500",
|
|
};
|
|
|
|
const sizes: Record<Size, string> = {
|
|
sm: "h-7 px-2 text-xs",
|
|
md: "h-9 px-3 text-sm",
|
|
};
|
|
|
|
interface Props extends ButtonHTMLAttributes<HTMLButtonElement> {
|
|
variant?: Variant;
|
|
size?: Size;
|
|
}
|
|
|
|
export const Button = forwardRef<HTMLButtonElement, Props>(function Button(
|
|
{ variant = "primary", size = "md", className, ...rest },
|
|
ref,
|
|
) {
|
|
return (
|
|
<button
|
|
ref={ref}
|
|
className={cn(
|
|
"inline-flex items-center justify-center gap-2 rounded-md font-medium transition-colors disabled:cursor-not-allowed disabled:opacity-60",
|
|
variants[variant],
|
|
sizes[size],
|
|
className,
|
|
)}
|
|
{...rest}
|
|
/>
|
|
);
|
|
});
|