'use client';

import { cn } from '@/lib/utils';
import { Skeleton } from '@/components/ui/skeleton';

export function MediaImageSkeleton({
  className,
  rounded = 'xl'
}: {
  className?: string;
  rounded?: 'xl' | '2xl' | 'none' | 'full';
}) {
  const roundedClass =
    rounded === '2xl' ? 'rounded-2xl' : rounded === 'full' ? 'rounded-full' : rounded === 'none' ? 'rounded-none' : 'rounded-xl';

  return (
    <Skeleton
      className={cn('relative min-h-[120px] w-full overflow-hidden', roundedClass, className)}
      aria-hidden
    />
  );
}
