headplane/app/components/Spinner.tsx
2025-01-06 08:19:40 +05:30

23 lines
462 B
TypeScript

import clsx from 'clsx';
interface Props {
className?: string;
}
export default function Spinner({ className }: Props) {
return (
<div className={clsx('mr-1.5 inline-block align-middle mb-0.5', className)}>
<div
className={clsx(
'animate-spin rounded-full w-full h-full',
'border-2 border-current border-t-transparent',
className,
)}
role="status"
>
<span className="sr-only">Loading...</span>
</div>
</div>
);
}