<!--- EmptyStateLayout.stories.mdx --->

import { Meta, ArgsTable, Canvas, Story } from '@storybook/addon-docs';
import { Main, Row, Button } from '@strapi/design-system';
import NoContent from './index';

<Meta title="components/NoContent" />

# NoContent

This component is used to display an empty state.

## Usage

<Canvas>
  <Story name="base">
    <Main>
      <NoContent
        content={{
          id: 'app.components.EmptyStateLayout.content-document',
          defaultMessage: "There's no content",
        }}
        action={<Button>Add content</Button>}
      />
    </Main>
  </Story>
</Canvas>

### Props

<ArgsTable of={NoContent} />
