import { cn } from '../../lib/cn';
import {
  Card as UICard,
  CardContent as UICardContent,
  CardDescription as UICardDescription,
  CardFooter as UICardFooter,
  CardHeader as UICardHeader,
  CardTitle as UICardTitle,
} from '../../ui/card';

import type { CardProps, CardTone } from './Card.types';

const toneClass: Record<CardTone, string> = {
  default: 'bg-card border-border',
  muted: 'bg-content2 border-content3',
  primary: 'bg-primary-50 border-primary-100',
  success: 'bg-success-50 border-success-100',
  danger: 'bg-danger-50 border-danger-100',
  warning: 'bg-warning-50 border-warning-100',
};

export function Card({ tone = 'default', className, ...props }: CardProps) {
  return <UICard className={cn(toneClass[tone], 'gap-3 py-4', className)} {...props} />;
}

export {
  UICardContent as CardContent,
  UICardDescription as CardDescription,
  UICardFooter as CardFooter,
  UICardHeader as CardHeader,
  UICardTitle as CardTitle,
};