import { ArgsTable, Canvas, Meta, Story } from '@storybook/addon-docs/blocks'

import { SECTIONS } from '../../../_utils/taxonomy'
import { TextField } from '../../../textField'
import { TextFieldsSection } from './index'


<Meta title={`${SECTIONS}/TextFieldsSection`} />

# ** TextFieldsSection **

<Canvas>
  <Story name="Default">
    <TextFieldsSection>
        <TextField
          name="firstInputSecondRow"
          placeholder="In-section input"
          onChange={() => null}
        />
        <TextField
          name="secondInputSecondRow"
          placeholder="In-section input"
          onChange={() => null}
        />
    </TextFieldsSection>
  </Story>
</Canvas>

## Usage

```jsx
import { TextFieldsSection } from '@blablacar/ui-library/build/layout/section/textFieldsSection'
import { TextField } from '@blablacar/ui-library/build/textField'

<TextFieldsSection>
    <TextField />
    <TextField />
</TextFieldsSection>
```

<ArgsTable of={TextFieldsSection} />