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

import { CareerCardUser } from '../';
import { CareerCardUserStory } from './user-career.stories.js';

<Meta title='Originals/Cards' component={CareerCardUser} decorators={[withKnobs]}/>

<Title>User Career Card</Title>

<Description>
  User Career Card dos aplicativos Eureca.
</Description>

<Description>
É uma extensão do componente Card.
</Description>

<Preview>
  <Story name="User Career Card">
    <CareerCardUserStory />
  </Story>
</Preview>

<Subtitle>Props</Subtitle>

|   Nome  |            Descrição            |   Default   |
|:-------:|:-------------------------------:|:-----------:|
| title | Título a ser exibido no card <br /> 'string' | '' |
| organization | Nome da organização a ser exibido <br /> 'string' | '' |
| type | Nome do tipo a ser exibido <br /> 'string' | '' |
| place | Nome do local a ser exibido <br /> 'string' | '' |
| date | Data a ser exibida <br /> 'date' | 'date' |
| image | Url da logo a ser exibida <br /> 'func' | () => { } |

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

```jsx
<CareerCardUser 
  title='Administrativo | Estratégia de Mercado'
  organization='EDP Brasil'
  type='Estágio'
  place='São Paulo, SP'
  date={new Date()}
/>
```