// components/ui/card.tsx import * as React from "react" import { cva, type VariantProps } from "class-variance-authority" import { cn } from "@/lib/utils" const cardVariants = cva( "text-card-foreground", { variants: { variant: { glass: "rounded-2xl border-6 border-white/30 bg-card/70 backdrop-blur-md shadow-lg ring-1 ring-black/20", solid: "rounded-xl border border-black/10 bg-white shadow-md", outline: "rounded-xl border border-border bg-background", }, }, defaultVariants: { variant: "glass", }, } ) export interface CardProps extends React.HTMLAttributes, VariantProps { inner?: string } const Card = React.forwardRef( ({ className, variant, inner, ...props }, ref) => (

) ) Card.displayName = "Card" const CardHeader = React.forwardRef>( ({ className, ...props }, ref) => (

) ) CardHeader.displayName = "CardHeader" const CardTitle = React.forwardRef>( ({ className, ...props }, ref) => (

) ) CardTitle.displayName = "CardTitle" const CardDescription = React.forwardRef>( ({ className, ...props }, ref) => (
) ) CardDescription.displayName = "CardDescription" const CardContent = React.forwardRef>( ({ className, ...props }, ref) => (
) ) CardContent.displayName = "CardContent" const CardFooter = React.forwardRef>( ({ className, ...props }, ref) => (
) ) CardFooter.displayName = "CardFooter" export { Card, CardHeader, CardTitle, CardDescription, CardContent, CardFooter, cardVariants }

Card

Card Title