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

Nav's Pattern Library

import React from 'react'
import styled from 'styled-components'
import { COVID19Resources } from './sba-resources.js'
import readme from './sba-resources.readme.md'

const StyledCOVID19Resources = styled(COVID19Resources)`
  margin: 16px;
`

const links = {
  pppForm:
    'https://app.nav.com/clover/setup?redirect_uri=https%3A//app.nav.com/partner/paycheck-protection-program-form',
  sbaLoanCalc: 'https://app.nav.com/clover/setup?redirect_uri=https%3A//app.nav.com/partner/sba-loan-calculator',
  creditReports: '/partner/reports',
}

export default {
  title: 'SBA & PPP/COVID19Resources',
  component: COVID19Resources,
  parameters: {
    readme: { content: readme },
  },
}

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

Basic.args = {
  shouldShowBothSBAApplicationAndCalculator: true,
  shouldHideNavCaresActSection: false,
  partnerName: 'partnerName',
  links: links,
}