import React from 'react';
import { storiesOf } from '@storybook/react';
import { text } from '@storybook/addon-knobs';
import Card from '../../src/lib/Card/Card';

const stories = storiesOf('Card', module);

stories
  .addWithJSX(
    'Component',
    () => (
      <Card width={text('Width', '500px')}>
        <Card.Title>
          <h5>
            { text('Children', 'Insert your title...') }  
          </h5>
        </Card.Title>
        <Card.Actions>
          Actions
        </Card.Actions>
        <Card.Content>
          <div>
            { text('Content', 'Insert your content...') }
          </div>
        </Card.Content>
      </Card>
    )
  )