Skeleton

1import { cn } from '@/lib/utils';
2import { skeletonVariants } from './skeleton-variants';
3import type { SkeletonProps } from './types';
4 
5const SkeletonUI = (props: SkeletonProps) => {
6  const { className, loading, children, ...rest } = props;
7 
8  const mergedCls = cn(skeletonVariants(), className);
9 
10  return (
11    <div
12      className={mergedCls}
13      data-slot="skeleton"
14      {...rest}
15    >
16      {loading ? children : null}
17    </div>
18  );
19};
20 
21export default SkeletonUI;