skeleton

1import { cn } from "@/lib/utils";
2 
3function Skeleton({ className, style, ...props }: React.ComponentProps<"div">) {
4  return (
5    <>
6      <style>{`
7        @keyframes loading-ui-skeleton-pulse {
8          50% {
9            opacity: 0.5;
10          }
11        }
12      `}</style>
13      <div
14        data-slot="skeleton"
15        className={cn("bg-muted rounded-md", className)}
16        style={{
17          animationName: "loading-ui-skeleton-pulse",
18          animationDuration: "var(--duration, 2s)",
19          animationTimingFunction: "cubic-bezier(0.4, 0, 0.6, 1)",
20          animationIterationCount: "infinite",
21          ...style,
22        }}
23        {...props}
24      />
25    </>
26  );
27}
28 
29export { Skeleton };