import { vars } from '@imwebme/clay-token';
import { ElementType, CSSProperties } from 'react';
import { ClayProps } from '../utilities/Clay/Clay.types.js';
import '@emotion/react';
import '../types.js';

type SkeletonProps<Element extends ElementType> = ClayProps<Element> & {
    width?: CSSProperties["width"];
    height?: CSSProperties["height"];
    duration?: `${number}ms`;
    variation?: "horizontal" | "diagonal";
    rounded: keyof typeof vars.rounded;
};

export { SkeletonProps };