1- import * as React from " react"
2- import { Slot } from " @radix-ui/react-slot"
3- import { cva , type VariantProps } from " class-variance-authority"
1+ import * as React from ' react' ;
2+ import { Slot } from ' @radix-ui/react-slot' ;
3+ import { cva , type VariantProps } from ' class-variance-authority' ;
44
5- import { cn } from " @/lib/utils"
5+ import { cn } from ' @/lib/utils' ;
66
77const buttonVariants = cva (
8- " inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium ring-offset-background transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0" ,
8+ ' inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium ring-offset-background transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0' ,
99 {
1010 variants : {
1111 variant : {
12- default : " bg-yellow-100 text-emerald-900 hover:bg-primary/90" ,
12+ default : ' bg-yellow-100 text-emerald-900 hover:bg-primary/90' ,
1313 destructive :
14- " bg-destructive text-destructive-foreground hover:bg-destructive/90" ,
14+ ' bg-destructive text-destructive-foreground hover:bg-destructive/90' ,
1515 outline :
16- " border border-input text-yellow-100 hover:bg-accent hover:text-accent-foreground" ,
16+ ' border border-input text-yellow-100 hover:bg-accent hover:text-accent-foreground' ,
1717 secondary :
18- " bg-secondary text-secondary-foreground hover:bg-secondary/80" ,
19- ghost : " hover:bg-accent hover:text-accent-foreground" ,
20- link : " text-primary underline-offset-4 hover:underline" ,
18+ ' bg-secondary text-secondary-foreground hover:bg-secondary/80' ,
19+ ghost : ' hover:bg-accent hover:text-accent-foreground' ,
20+ link : ' text-primary underline-offset-4 hover:underline' ,
2121 } ,
2222 size : {
23- default : " h-10 px-4 py-2" ,
24- sm : " h-9 rounded-md px-3" ,
25- lg : " h-11 rounded-md px-8" ,
26- icon : " h-10 w-10" ,
23+ default : ' h-10 px-4 py-2' ,
24+ sm : ' h-9 rounded-md px-3' ,
25+ lg : ' h-11 rounded-md px-8' ,
26+ icon : ' h-10 w-10' ,
2727 } ,
2828 } ,
2929 defaultVariants : {
30- variant : " default" ,
31- size : " default" ,
30+ variant : ' default' ,
31+ size : ' default' ,
3232 } ,
3333 }
34- )
34+ ) ;
3535
3636export interface ButtonProps
3737 extends React . ButtonHTMLAttributes < HTMLButtonElement > ,
@@ -41,16 +41,16 @@ export interface ButtonProps
4141
4242const Button = React . forwardRef < HTMLButtonElement , ButtonProps > (
4343 ( { className, variant, size, asChild = false , ...props } , ref ) => {
44- const Comp = asChild ? Slot : " button"
44+ const Comp = asChild ? Slot : ' button' ;
4545 return (
4646 < Comp
4747 className = { cn ( buttonVariants ( { variant, size, className } ) ) }
4848 ref = { ref }
4949 { ...props }
5050 />
51- )
51+ ) ;
5252 }
53- )
54- Button . displayName = " Button"
53+ ) ;
54+ Button . displayName = ' Button' ;
5555
56- export { Button , buttonVariants }
56+ export { Button , buttonVariants } ;
0 commit comments