@navinc/base-react-components/src/seeds-of-financing.story.js

Nav's Pattern Library

import React from 'react'
import SeedsOfFinancing from './seeds-of-financing.js'
import readme from './seeds-of-financing.readme.md'

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

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

Basic.argTypes = {
  onAction: {
    action: 'you took the step!',
  },
}
Basic.args = {
  title: 'Take the step bro',
  copy: 'Take the dang step',
  actionText: 'Take the step',
  imageFileName: 'seeds-start.png',
  stepsComplete: 0,
  maxSteps: 1,
}