Empty

import { Empty } from '@caroainc/ui-components'

<Empty
  icon="Inbox"
  title="データがありません"
  description="新しいアイテムを追加してください"
/>

<Empty
  icon="FileSearch"
  title="検索結果がありません"
  description="別のキーワードで検索してください"
>
  <Button variant="primary">検索条件をクリア</Button>
</Empty>

<Empty
  icon="FolderOpen"
  title="ファイルがありません"
  description="ファイルをアップロードして始めましょう"
>
  <Button variant="primary">
    <Icon name="Upload" />
    アップロード
  </Button>
</Empty>

<Empty
  icon="CheckSquare"
  title="タスクがありません"
  description="新しいタスクを作成して、やることを管理しましょう"
>
  <Button>
    <Icon name="Plus" />
    タスクを作成
  </Button>
</Empty>

<Empty
  icon="AlertTriangle"
  title="エラーが発生しました"
  description="データの読み込みに失敗しました"
>
  <Button variant="outline">
    <Icon name="RefreshCw" />
    再試行
  </Button>
</Empty>