1 | import * as React from 'react';
|
2 | import { storiesOf } from '@storybook/react';
|
3 | import styled from 'styled-components';
|
4 |
|
5 | import { Card, GlobalStyle, Title, Text } from '../src';
|
6 |
|
7 | const Wrapper = styled.div`
|
8 | max-width: 400px;
|
9 | height: 400px;
|
10 | margin: 20px;
|
11 | `;
|
12 |
|
13 | storiesOf('Cards', module)
|
14 | .add('Default', () => (
|
15 | <React.Fragment>
|
16 | <GlobalStyle />
|
17 | <Wrapper>
|
18 | <Card>
|
19 | <Title.H3>Sustentabilidade</Title.H3>
|
20 | <Text.P>
|
21 | Acreditamos que a forma de conduzir os negócios é o que torna uma empresa parceira e corresponsável pelo desenvolvimento sustentável e baseamos nossa atuação nos Princípios para Sustentabilidade em Seguros.
|
22 | </Text.P>
|
23 | </Card>
|
24 | </Wrapper>
|
25 | </React.Fragment>
|
26 | ))
|
27 | .add('Interactive', () => (
|
28 | <React.Fragment>
|
29 | <GlobalStyle />
|
30 | <Wrapper>
|
31 | <Card interactive>
|
32 | teste
|
33 | </Card>
|
34 | </Wrapper>
|
35 | </React.Fragment>
|
36 | )); |
\ | No newline at end of file |