skeleton skeleton.tsx

100% Statements 1/1

100% Branches 1/1

100% Functions 1/1

100% Lines 1/1

Press n or j to go to the next uncovered block, b, p or k for the previous block.


1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21  
 
 
 
 
 
 
 
 
133x
 
 
 
 
 
 
 
 
 
 
  import type {HTMLAttributes} from "react";
import {cn} from "@/lib/utils/utils";
 
/** Reusable skeleton block for route and panel loading states. */
export function Skeleton({
                             "aria-hidden": ariaHidden = true,
                             className,
                             ...props
                         }: HTMLAttributes<HTMLDivElement>) {
    return (
        <div
            aria-hidden={ariaHidden}
            className={cn(
                "animate-pulse rounded-md bg-slate-200/80 dark:bg-slate-800",
                className,
            )}
            {...props}
        />
    );
}