import * as React from "react"; import { cn } from "@/lib/utils"; function Card({ className, size = "default", decorations = false, children, ...props }) { return (

img:first-child]:pt-0 data-[size=sm]:gap-3 data-[size=sm]:py-3 *:[img:first-child]:rounded-t-lg *:[img:last-child]:rounded-b-lg group/card flex flex-col relative", decorations && "rounded-none overflow-visible", className, )} {...props} > {children} {decorations && (

)} {decorations && (

)}

); } function CardHeader({ className, ...props }) { return (

); } function CardTitle({ className, ...props }) { return (

); } function CardDescription({ className, ...props }) { return (

); } function CardAction({ className, ...props }) { return (

); } function CardContent({ className, ...props }) { return (

); } function CardFooter({ className, background = false, children, ...props }) { return (

{children} {background && (

)} {background && (

)}

); } Card.displayName = "Card"; CardHeader.displayName = "CardHeader"; CardFooter.displayName = "CardFooter"; CardTitle.displayName = "CardTitle"; CardAction.displayName = "CardAction"; CardDescription.displayName = "CardDescription"; CardContent.displayName = "CardContent"; export { Card, CardHeader, CardFooter, CardTitle, CardAction, CardDescription, CardContent, };