MicroClub Skeleton

1import { cn } from '@/lib/utils';
2 
3type McSkeletonProps = {
4  width?: number;
5  height?: number;
6  rectangle?: boolean;
7} & React.ComponentProps<'div'>;
8 
9function McSkeleton({ className, rectangle, width, height, ...props }: McSkeletonProps) {
10  return (
11    <div
12      data-slot="skeleton"
13      style={{
14        width,
15        height,
16        ...(height === width ? { marginRight: 16 } : { marginBottom: 8 }),
17      }}
18      className={cn('animate-pulse bg-muted', rectangle ? 'rounded-md' : 'rounded-full', className)}
19      {...props}
20    />
21  );
22}
23 
24export { McSkeleton };