1- import * as React from "react"
1+ import * as React from "react" ;
22
3- import { cn } from "@/lib/utils"
3+ import { cn } from "@/lib/utils" ;
44
55function Card ( { className, ...props } : React . ComponentProps < "div" > ) {
66 return (
77 < div
88 data-slot = "card"
9- className = { cn (
10- "bg-card text-card-foreground flex flex-col gap-6 rounded-xl border py-6 shadow-sm" ,
11- className
12- ) }
9+ className = { cn ( "bg-card text-card-foreground flex flex-col gap-6 rounded-xl border py-6 shadow-sm" , className ) }
1310 { ...props }
1411 />
15- )
12+ ) ;
1613}
1714
1815function CardHeader ( { className, ...props } : React . ComponentProps < "div" > ) {
@@ -25,68 +22,35 @@ function CardHeader({ className, ...props }: React.ComponentProps<"div">) {
2522 ) }
2623 { ...props }
2724 />
28- )
25+ ) ;
2926}
3027
3128function CardTitle ( { className, ...props } : React . ComponentProps < "div" > ) {
32- return (
33- < div
34- data-slot = "card-title"
35- className = { cn ( "leading-none font-semibold" , className ) }
36- { ...props }
37- />
38- )
29+ return < div data-slot = "card-title" className = { cn ( "leading-none font-semibold" , className ) } { ...props } /> ;
3930}
4031
4132function CardDescription ( { className, ...props } : React . ComponentProps < "div" > ) {
42- return (
43- < div
44- data-slot = "card-description"
45- className = { cn ( "text-muted-foreground text-sm" , className ) }
46- { ...props }
47- />
48- )
33+ return < div data-slot = "card-description" className = { cn ( "text-muted-foreground text-sm" , className ) } { ...props } /> ;
4934}
5035
5136function CardAction ( { className, ...props } : React . ComponentProps < "div" > ) {
5237 return (
5338 < div
5439 data-slot = "card-action"
55- className = { cn (
56- "col-start-2 row-span-2 row-start-1 self-start justify-self-end" ,
57- className
58- ) }
40+ className = { cn ( "col-start-2 row-span-2 row-start-1 self-start justify-self-end" , className ) }
5941 { ...props }
6042 />
61- )
43+ ) ;
6244}
6345
6446function CardContent ( { className, ...props } : React . ComponentProps < "div" > ) {
65- return (
66- < div
67- data-slot = "card-content"
68- className = { cn ( "px-6" , className ) }
69- { ...props }
70- />
71- )
47+ return < div data-slot = "card-content" className = { cn ( "px-6" , className ) } { ...props } /> ;
7248}
7349
7450function CardFooter ( { className, ...props } : React . ComponentProps < "div" > ) {
7551 return (
76- < div
77- data-slot = "card-footer"
78- className = { cn ( "flex items-center px-6 [.border-t]:pt-6" , className ) }
79- { ...props }
80- />
81- )
52+ < div data-slot = "card-footer" className = { cn ( "flex items-center px-6 [.border-t]:pt-6" , className ) } { ...props } />
53+ ) ;
8254}
8355
84- export {
85- Card ,
86- CardHeader ,
87- CardFooter ,
88- CardTitle ,
89- CardAction ,
90- CardDescription ,
91- CardContent ,
92- }
56+ export { Card , CardHeader , CardFooter , CardTitle , CardAction , CardDescription , CardContent } ;
0 commit comments