Spaces:
Build error
Build error
File size: 1,119 Bytes
0bfe2e3 |
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 |
import { cva } from 'class-variance-authority';
import * as React from 'react';
import { cn, defineStyleAnatomy } from '../core/styling';
/* -------------------------------------------------------------------------------------------------
* Anatomy
* -----------------------------------------------------------------------------------------------*/
export const SkeletonAnatomy = defineStyleAnatomy({
root: cva([
'UI-Skeleton__root',
'animate-pulse rounded-[--radius-md] bg-[--subtle] w-full h-12',
]),
});
/* -------------------------------------------------------------------------------------------------
* Skeleton
* -----------------------------------------------------------------------------------------------*/
export type SkeletonProps = React.ComponentPropsWithoutRef<'div'>;
export const Skeleton = React.forwardRef<HTMLDivElement, SkeletonProps>(
(props, ref) => {
const { className, ...rest } = props;
return (
<div
ref={ref}
className={cn(SkeletonAnatomy.root(), className)}
{...rest}
/>
);
}
);
Skeleton.displayName = 'Skeleton';
|