import { Meta, Story, Canvas, ArgsTable, Source } from '@storybook/addon-docs';
import {
  CnLayoutPage,
  CnLayoutContent,
  CnLayoutHeader,
  CnLayoutSection,
  CnLayoutCol,
  CnLayoutRow,
  CnLayoutCell,
} from './doc-components';

<Meta
  title="自然布局 CnLayoutPage"
  component={CnLayoutPage}
  subcomponents={{
    CnLayoutContent,
    CnLayoutHeader,
    CnLayoutSection,
    CnLayoutCol,
    CnLayoutRow,
    CnLayoutCell,
  }}
/>

## 引入组件

```typescript
import { CnLayoutPage } from '@cainiaofe/cn-ui-layout';
```

## 示例

<Story id="cnlayoutpage--基础使用" />

<Story id="cnlayoutpage--响应式自动布局" />

## API

<ArgsTable of={CnLayoutPage} />