import {
  Meta,
  Story,
  Preview,
  Title,
  Subtitle,
  Description,
  Props,
} from '@storybook/addon-docs/blocks';
import { withKnobs } from '@storybook/addon-knobs';

import { Box } from '@material-ui/core';

import { EllipsisTrigger } from '../';
import { EllipsisStory } from './ellipsis-trigger.stories.js';

<Meta title='Originals/Menu' component={EllipsisTrigger} decorators={[withKnobs]}/>

<Title>EllipsisTrigger</Title>

<Description>
  Ellipsis Trigger para ativação de menus dos aplicativos Eureca. 
</Description>

<Description>
  Pode ser usado em conjunto com o IconAndLabelMenuList.
</Description>

<Preview>
  <Story name="EllipsisTrigger">
    <EllipsisStory />
  </Story>
</Preview>

<Subtitle>Props</Subtitle>

|   Nome  |            Descrição            |   Default   |
|:-------:|:-------------------------------:|:-----------:|
| props | Quaisquer props passadas para o botão, como um onClick <br /> | null |

<Subtitle>Exemplo de Aplicação</Subtitle>

```jsx
<EllipsisTrigger onClick={event => handleClick(event)} />
```