Files
spacedrive/interface/components/Loader.tsx
Utku fd8c0f87b3 [ENG-1067] Update phosphor to new package & update sort imports (#1330)
* ianvs > trivago

* @phosphor-icons/react > phosphor-react
2023-09-11 15:26:44 +00:00

23 lines
410 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('h-7 w-7', className)}
/>
);
}