States

import { useT } from '@iffday/i18n';
import { Button, Empty, ErrorState, Loading } from '@iffday/ui';

export default function Example() {
  const t = useT();
  return (
    <div style={{ display: 'grid', gap: 4, width: 'min(100%, 520px)' }}>
      <Loading />
      <Empty
        title={t('list.thisListHasNoFilmsYet')}
        action={
          <Button type="button" className="button small">
            {t('common.add')}
          </Button>
        }
      />
      <ErrorState error="error.theServerHasNotConfirmedThisSaveKeepThe" retry={() => {}} />
    </div>
  );
}