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

import { TrackInfoCard } from '../';
import { TrackInfoStory } from './track-info.stories.js';

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

<Title>Journey Card</Title>

<Description>
  Journey Card dos aplicativos Eureca.
</Description>

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

<Preview>
  <Story name="Track Info Card">
    <TrackInfoStory />
  </Story>
</Preview>

<Subtitle>Props</Subtitle>

|   Nome  |            Descrição            |   Default   |
|:-------:|:-------------------------------:|:-----------:|
| track | Trilha a ser exibida <br /> 'string' | '' |
| opportunities | Número de vagas <br /> 'number' | 0 |
| modules | Número de módulos <br /> 'number' | 0 |
| solutions | Número de soluções <br /> 'number' | 0 |

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

```jsx
<TrackInfoCard 
  track='Online'
  opportunities={332}
  modules={302}
  solutions={32}
/>
```