@navinc/base-react-components/src/mini-sba-form.story.js

Nav's Pattern Library

import React from 'react'
import { MemoryRouter } from 'react-router-dom'
import { action } from '@storybook/addon-actions'
import { MiniSBAPaycheckProtectionProgramForm } from './mini-sba-form.js'
import readme from './mini-sba-form.readme.md'

export default {
  title: 'SBA & PPP/Icon',
  component: MiniSBAPaycheckProtectionProgramForm,
  parameters: {
    info: { text: readme },
  },
}

const Template = (args) => (
  <MemoryRouter>
    <MiniSBAPaycheckProtectionProgramForm {...args} />
  </MemoryRouter>
)

export const Basic = Template.bind({})

Basic.argType = {}

Basic.args = {
  initialValues: {
    primaryContact: 'bob',
  },
  isSubmittingForm: false,
  onFormSubmit: action('onFormSubmit()'),
  dispatchOpenInfoDrawer: action('dispatchOpenInfoDrawer()'),
  shouldShowLoginPrompt: false,
  loginPromptUrl: '/login',
  onLoginPromptDismiss: action('onLoginPromptDismiss'),
  shouldShowPasswordField: false,
  headerHelperText: 'headerHelperText',
  primaryContactNameValue: 'primaryContactNameValue',
  emailAddressValue: 'email value',
  contactPhoneValue: 'contactPhoneValue',
  businessLegalNameValue: 'businessNameValue',
  addressValue: 'addressValue',
  cityValue: 'cityValue',
  stateValue: 'UT',
  zipCodeValue: '55555',
  dbaValue: 'dbaValue',
  businessTypeValue: 'LLC',
  termsOfServiceBool: false,
  secondDraw: false,
  termsHref: 'headerHelperText',
  shouldShowDocumentation: false,
}