23 lines
552 B
TypeScript
23 lines
552 B
TypeScript
'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
|
|
/>
|
|
);
|
|
}
|