import * as React from 'react' import { cva, type VariantProps } from 'class-variance-authority' import { cn } from '@/lib/utils' const cardVariants = cva('text-card-foreground rounded-2xl', { variants: { variant: { default: 'bg-card ring-1 ring-foreground/6.5 shadow-lg shadow-foreground/5 dark:shadow-black/10', soft: 'bg-muted', mixed: 'bg-muted border', outline: 'bg-card ring-1 ring-border', }, }, defaultVariants: { variant: 'default', }, }) export interface CardProps extends React.HTMLAttributes, VariantProps {} const Card = React.forwardRef(({ className, variant, ...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, CardFooter, CardTitle, CardDescription, CardContent }

Card

Instalação

Dependências