export type TLSpinnerComponent = () => any | null

export const DefaultSpinner: TLSpinnerComponent = () => {
	return (
		<svg width={16} height={16} viewBox="0 0 16 16">
			<g strokeWidth={2} fill="none" fillRule="evenodd">
				<circle strokeOpacity={0.25} cx={8} cy={8} r={7} stroke="black" />
				<path strokeLinecap="round" d="M15 8c0-4.5-4.5-7-7-7" stroke="black">
					<animateTransform
						attributeName="transform"
						type="rotate"
						from="0 8 8"
						to="360 8 8"
						dur="1s"
						repeatCount="indefinite"
					/>
				</path>
			</g>
		</svg>
	)
}
