webapp/src/components/_shared/Loading.tsx
2024-06-26 11:22:05 +03:00

20 lines
435 B
TypeScript

import { clsx } from 'clsx'
import styles from './Loading.module.scss'
type Props = {
size?: 'small' | 'tiny'
}
export const Loading = (props: Props) => {
return (
<div
class={clsx(styles.container, {
[styles.small]: props.size === 'small',
[styles.tiny]: props.size === 'tiny'
})}
>
<div class={styles.icon} style={{ background: `url('/icons/arrows-rotate.svg')` }} />
</div>
)
}