@navinc/base-react-components/src/_deprecated/card/story.js

Nav's Pattern Library

import React from 'react'
import { storiesOf } from '@storybook/react'
import { action } from '@storybook/addon-actions'
import readme from './readme.md'

import Card from './'

storiesOf('__ | Deprecated', module).add(
  'Card',
  () => {
    const onBack = 'function()'
    const onDismiss = 'function()'
    const onNext = 'function()'
    const onToggleKebab = 'function()'
    const onUndo = 'function()'

    return (
      <Card
        buttonLabel="Click this"
        cardLabel="Some cool label"
        title="Really fantastic title"
        kebabMenuItems={[{ label: 'hide', icon: 'foo' }]}
        onBack={onBack && action(onBack)}
        onDismiss={onDismiss && action(onDismiss)}
        onNext={onNext && action(onNext)}
        onToggleKebab={onToggleKebab && action(onToggleKebab)}
        onUndo={onUndo && action(onUndo)}
        buttonDisabled={false}
        buttonForm=""
      >
        Body content goes here!
      </Card>
    )
  },
  {
    readme: { content: readme },
  }
)