<!--- EmptyBodyTable.stories.mdx --->

import { Meta, ArgsTable, Canvas, Story } from '@storybook/addon-docs';
import {
  BaseCheckbox,
  Box,
  Main,
  Table,
  TableLabel,
  Th,
  Thead,
  VisuallyHidden,
} from '@strapi/design-system';
import EmptyBodyTable from './index';

<Meta title="components/EmptyBodyTable" />

# EmptyBodyTable

This component is used to display an empty state in a table.

## Usage default

<Canvas>
  <Story name="base">
    <Box>
      <Table colCount={1} rowCount={2} footer={undefined}>
        <EmptyBodyTable />
      </Table>
    </Box>
  </Story>
</Canvas>

## Usage loading

<Canvas>
  <Story name="loading">
    <Box>
      <Table colCount={1} rowCount={2} footer={undefined}>
        <EmptyBodyTable isLoading />
      </Table>
    </Box>
  </Story>
</Canvas>

## Props

<ArgsTable of={EmptyBodyTable} />
