TorbatYar/frontend/components/ds/Button.tsx
Mortezakoohjani 12c8615615 Ship enterprise Accounting FE/API with CRUD parity and production wiring.
Adds accounting-service PATCH/archive, fiscal helpers, COA templates and setup status, plus SuperApp Accounting UI (DS, scoreboard, masters, vouchers, ledger, ops modules) with session refresh and HTTPS public API URLs.

Co-authored-by: Cursor <cursoragent@cursor.com>
2026-07-24 15:26:43 +03:30

42 lines
1.6 KiB
TypeScript

"use client";
import * as React from "react";
import { cva, type VariantProps } from "class-variance-authority";
import { cn } from "@/lib/utils";
const buttonVariants = cva(
"inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-xl text-sm font-medium transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-primary/40 disabled:pointer-events-none disabled:opacity-50",
{
variants: {
variant: {
default: "bg-primary text-white shadow-sm hover:opacity-90",
secondary: "bg-[var(--surface-muted)] text-secondary hover:bg-[var(--surface-hover)]",
outline: "border border-[var(--border)] bg-transparent hover:bg-[var(--surface-muted)]",
ghost: "hover:bg-[var(--surface-muted)]",
danger: "bg-red-600 text-white hover:bg-red-700",
success: "bg-emerald-600 text-white hover:bg-emerald-700",
},
size: {
default: "h-10 px-4 py-2",
sm: "h-8 rounded-lg px-3 text-xs",
lg: "h-11 rounded-xl px-6",
icon: "h-10 w-10",
},
},
defaultVariants: { variant: "default", size: "default" },
}
);
export interface ButtonProps
extends React.ButtonHTMLAttributes<HTMLButtonElement>,
VariantProps<typeof buttonVariants> {}
export const Button = React.forwardRef<HTMLButtonElement, ButtonProps>(
({ className, variant, size, ...props }, ref) => (
<button ref={ref} className={cn(buttonVariants({ variant, size, className }))} {...props} />
)
);
Button.displayName = "Button";
export { buttonVariants };