import { semanticSpinnerColors } from '../../../utils/colorUtils.js';

/**
 * Default theme for the Spinner component
 */
const spinnerTheme = {
    // Base styles for the spinner container
    baseStyle: "inline-flex items-center justify-center",
    // Size variants
    sizes: {
        sm: "size-4 border-3",
        md: "size-5 border-3",
        lg: "size-6 border-3",
    },
    // Color variants
    colors: {
        ...semanticSpinnerColors,
        dark: "border-[var(--color-background-quinary)] border-t-transparent",
    },
    // Animation class with drop shadow
    animation: "animate-[spin_1s_linear_infinite] rounded-full",
};

export { spinnerTheme };
