17 lines
426 B
TypeScript
17 lines
426 B
TypeScript
|
import { cn } from '@/lib/utils/cn';
|
||
|
|
|
||
|
|
function Skeleton({ className, ...props }: React.HTMLAttributes<HTMLDivElement>) {
|
||
|
|
return (
|
||
|
|
<div
|
||
|
|
className={cn('animate-shimmer rounded-md bg-muted', className)}
|
||
|
|
style={{
|
||
|
|
backgroundImage: 'linear-gradient(90deg, transparent, rgba(255,255,255,0.1), transparent)',
|
||
|
|
backgroundSize: '200% 100%',
|
||
|
|
}}
|
||
|
|
{...props}
|
||
|
|
/>
|
||
|
|
);
|
||
|
|
}
|
||
|
|
|
||
|
|
export { Skeleton };
|