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

Nav's Pattern Library

import React from 'react'
import { MemoryRouter } from 'react-router-dom'
import readme from './card-insight.readme.md'
import StandardCard from './standard-card.js'
import { CardInsight } from './card-insight.js'

export default {
  title: 'General/CardInsight',
  component: CardInsight,
  parameters: {
    info: { text: readme },
  },
}

export const Basic = (args) => {
  return (
    <MemoryRouter initialEntries={['/home']}>
      <StandardCard>
        <CardInsight {...args} />
      </StandardCard>
    </MemoryRouter>
  )
}

Basic.argTypes = {
  type: {
    type: 'select',
    options: ['improve', 'positive', 'neutral'],
  },
}
Basic.args = {
  type: 'neutral',
  title: 'This is the title',
  copy: 'this is the copy',
  action: 'yourFunction()',
  actionHref: '/link',
  actionLabel: 'Action label. Actions are optional',
}