export interface SpinnerProps {
	size?: number;
	color?: string;
}

export function Spinner({ size = 24, color = 'var(--text-secondary, #b5bac1)' }: SpinnerProps) {
	return (
		<svg
			width={size}
			height={size}
			viewBox="0 0 24 24"
			style={{ animation: 'spin 0.8s linear infinite' }}
		>
			<circle
				cx="12"
				cy="12"
				r="10"
				stroke={color}
				strokeWidth="3"
				fill="none"
				strokeLinecap="round"
				strokeDasharray="50 30"
			/>
		</svg>
	);
}
