import React from 'react';
import { cn } from './utils';

interface CardProps extends React.HTMLAttributes<HTMLElement> {
  tag?: 'div' | 'article' | 'section' | 'aside' | 'header' | 'footer' | 'nav' | 'main';
}

export function Card({ className, children, tag: Tag = 'div', ...props }: CardProps) {
  return (
    <Tag className={cn('premium-card overflow-hidden', className)} {...props}>
      {children}
    </Tag>
  );
}
