/**
 * Default theme for the Skeleton component
 * Uses production-ready CSS variables from global.scss
 */
const skeletonTheme = {
    // Base styles with background color and animation
    baseStyle: "bg-[var(--color-background-tertiary)] overflow-hidden",
    // Shape variants
    variants: {
        text: "h-4 rounded",
        circular: "rounded-full",
        rectangle: "rounded-[calc(var(--radius-base)*0.75)]",
    },
    // Pulse animation
    animation: "animate-pulse",
};

export { skeletonTheme };
