1- " use client" ;
1+ ' use client' ;
22
3- import { Button } from " @/components/ui/button" ;
3+ import { Button } from ' @/components/ui/button' ;
44import {
55 Tooltip ,
66 TooltipContent ,
77 TooltipProvider ,
88 TooltipTrigger ,
9- } from " @/components/ui/tooltip" ;
10- import { cn } from " @/lib/utils" ;
11- import { type LucideIcon , XIcon } from " lucide-react" ;
12- import type { ComponentProps , HTMLAttributes } from " react" ;
9+ } from ' @/components/ui/tooltip' ;
10+ import { cn } from ' @/lib/utils' ;
11+ import { type LucideIcon , XIcon } from ' lucide-react' ;
12+ import type { ComponentProps , HTMLAttributes } from ' react' ;
1313
1414export type ArtifactProps = HTMLAttributes < HTMLDivElement > ;
1515
1616export const Artifact = ( { className, ...props } : ArtifactProps ) => (
1717 < div
1818 className = { cn (
19- " flex flex-col overflow-hidden rounded-lg border bg-background shadow-sm" ,
20- className
19+ ' flex flex-col overflow-hidden rounded-lg border bg-background shadow-sm' ,
20+ className ,
2121 ) }
2222 { ...props }
2323 />
@@ -31,8 +31,8 @@ export const ArtifactHeader = ({
3131} : ArtifactHeaderProps ) => (
3232 < div
3333 className = { cn (
34- " flex items-center justify-between border-b bg-muted/50 px-4 py-3" ,
35- className
34+ ' flex items-center justify-between border-b bg-muted/50 px-4 py-3' ,
35+ className ,
3636 ) }
3737 { ...props }
3838 />
@@ -43,14 +43,14 @@ export type ArtifactCloseProps = ComponentProps<typeof Button>;
4343export const ArtifactClose = ( {
4444 className,
4545 children,
46- size = "sm" ,
47- variant = " ghost" ,
46+ size = 'sm' ,
47+ variant = ' ghost' ,
4848 ...props
4949} : ArtifactCloseProps ) => (
5050 < Button
5151 className = { cn (
52- " size-8 p-0 text-muted-foreground hover:text-foreground" ,
53- className
52+ ' size-8 p-0 text-muted-foreground hover:text-foreground' ,
53+ className ,
5454 ) }
5555 size = { size }
5656 type = "button"
@@ -66,7 +66,7 @@ export type ArtifactTitleProps = HTMLAttributes<HTMLParagraphElement>;
6666
6767export const ArtifactTitle = ( { className, ...props } : ArtifactTitleProps ) => (
6868 < p
69- className = { cn ( " font-medium text-foreground text-sm" , className ) }
69+ className = { cn ( ' font-medium text-foreground text-sm' , className ) }
7070 { ...props }
7171 />
7272) ;
@@ -77,7 +77,7 @@ export const ArtifactDescription = ({
7777 className,
7878 ...props
7979} : ArtifactDescriptionProps ) => (
80- < p className = { cn ( " text-muted-foreground text-sm" , className ) } { ...props } />
80+ < p className = { cn ( ' text-muted-foreground text-sm' , className ) } { ...props } />
8181) ;
8282
8383export type ArtifactActionsProps = HTMLAttributes < HTMLDivElement > ;
@@ -86,7 +86,7 @@ export const ArtifactActions = ({
8686 className,
8787 ...props
8888} : ArtifactActionsProps ) => (
89- < div className = { cn ( " flex items-center gap-1" , className ) } { ...props } />
89+ < div className = { cn ( ' flex items-center gap-1' , className ) } { ...props } />
9090) ;
9191
9292export type ArtifactActionProps = ComponentProps < typeof Button > & {
@@ -101,15 +101,15 @@ export const ArtifactAction = ({
101101 icon : Icon ,
102102 children,
103103 className,
104- size = "sm" ,
105- variant = " ghost" ,
104+ size = 'sm' ,
105+ variant = ' ghost' ,
106106 ...props
107107} : ArtifactActionProps ) => {
108108 const button = (
109109 < Button
110110 className = { cn (
111- " size-8 p-0 text-muted-foreground hover:text-foreground" ,
112- className
111+ ' size-8 p-0 text-muted-foreground hover:text-foreground' ,
112+ className ,
113113 ) }
114114 size = { size }
115115 type = "button"
@@ -143,5 +143,5 @@ export const ArtifactContent = ({
143143 className,
144144 ...props
145145} : ArtifactContentProps ) => (
146- < div className = { cn ( " flex-1 overflow-auto p-4" , className ) } { ...props } />
146+ < div className = { cn ( ' flex-1 overflow-auto p-4' , className ) } { ...props } />
147147) ;
0 commit comments