import { Meta, Props } from '@storybook/addon-docs/blocks'
import { ConditionList } from './ConditionList'
import ConditionListAddButton from './ConditionList.AddButton'

<Meta
  title="Utilities/UI Convenience/Condition Blocks/ConditionList"
  component={ConditionList}
/>

# ConditionList

A ConditionList contains a collectino of `Condition`. This component automatically renders Condition.Operators (`and`) between every Condition.

When rendered within a `Page` component, ConditionList will automatically have `isWithOffset` set to `true` (by default).

### Example

```jsx
<ConditionList>
  <Condition>...</Condition>
  <Condition>...</Condition>
  <Condition>...</Condition>
</ConditionList>
```

### Props

<ArgsTable of={ConditionList} />

# ConditionList.AddButton

Add button

### Props

<ArgsTable of={ConditionListAddButton} />
