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

interface SkeletonProps extends React.HTMLAttributes<HTMLDivElement> {
  'aria-busy'?: boolean;
}

function Skeleton({ className, 'aria-busy': ariaBusy = true, ...props }: SkeletonProps) {
  return (
    <div
      className={cn('animate-pulse rounded-md bg-muted', className)}
      role="status"
      aria-label="Loading"
      aria-busy={ariaBusy}
      {...props}
    />
  );
}

export { Skeleton };