Loading Model

import "./Spinner.css";

export interface SpinnerProps {
    size?: "sm" | "md" | "lg" | "xl";
    className?: string;
}

const sizeMap = {
    sm: "32px",
    md: "48px",
    lg: "64px",
    xl: "80px",
};

export default function Spinner({ size = "md", className = "" }: SpinnerProps) {
    return (
        <div
            className={`sk-pulse ${className}`}
            style={{
                "--sk-size": sizeMap[size],
                "--sk-color": "#1F2937"
            } as React.CSSProperties}
        />
    );
}