import { cn } from '@/lib/cn';

export function Card({
  children,
  className,
}: {
  children: React.ReactNode;
  className?: string;
}) {
  return (
    <div
      className={cn(
        'zy-card-3d bg-surface border border-line rounded-[var(--rl)] p-[18px] shadow-card mb-4',
        className,
      )}
    >
      {children}
    </div>
  );
}