@navinc/base-react-components/src/callout-link.story.js

Nav's Pattern Library

import React from 'react'
import CalloutLink from './callout-link.js'

export default {
  title: 'General/CalloutLink',
  component: CalloutLink,
  parameters: {
    info: {
      text: 'Alternatively, use a linkHref rather than a linkAction to navigate elsewhere.',
    },
  },
}

export const Basic = (args) => {
  return <CalloutLink {...args} />
}

Basic.argTypes = {
  variation: {
    type: 'select',
    options: ['improve', 'positive', 'negative', 'neutral'],
  },
}
Basic.args = {
  iconName: 'financing/cash',
  copy: 'Here for PPP funding',
  linkCopy: 'Apply here',
  linkAction: 'yourFunction()',
  variation: 'neutral',
}