Skip to content
File

Blob: src/shared/components/ui/skeleton.tsx

typescript18 lines
1import type { HTMLAttributes } from "react";
2 
3type SkeletonProps = HTMLAttributes<HTMLDivElement>;
4 
5export function Skeleton({ className, ...props }: SkeletonProps) {
6 return (
7 <div
8 {...props}
9 className={[
10 "bg-gradient-to-r from-zinc-800/0 via-zinc-700/40 to-zinc-800/0 bg-[length:200%_100%] animate-shimmer rounded-lg",
11 className,
12 ]
13 .filter(Boolean)
14 .join(" ")}
15 />
16 );
17}