webapp/src/components/_shared/Loading.tsx

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>
  )
}