mirror of
https://github.com/spacedriveapp/spacedrive
synced 2024-07-07 04:23:29 +00:00
22 lines
408 B
TypeScript
22 lines
408 B
TypeScript
import clsx from 'clsx';
|
|
import { Puff } from 'react-loading-icons';
|
|
import { useIsDark } from '~/hooks';
|
|
|
|
interface Props {
|
|
className?: string;
|
|
color?: string;
|
|
}
|
|
|
|
export function Loader({ className }: Props) {
|
|
const isDark = useIsDark();
|
|
return (
|
|
<Puff
|
|
stroke={isDark ? '#2599FF' : '#303136'}
|
|
strokeOpacity={4}
|
|
strokeWidth={5}
|
|
speed={1}
|
|
className={clsx('size-7', className)}
|
|
/>
|
|
);
|
|
}
|