@navinc/base-react-components/src/block-quote.story.js

Nav's Pattern Library

import React from 'react'
import BlockQuote from './block-quote.js'
import readme from './block-quote.readme.md'
import { theme } from './theme.js'

export default {
  title: 'General/BlockQuote',
  component: BlockQuote,
  parameters: {
    readme: { content: readme },
  },
}

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

Basic.args = {
  children: 'This is a block quote.',
  color: 'navBlue',
}

Basic.argTypes = {
  color: {
    options: Object.entries(theme)
      .filter(([key, val]) => typeof val === 'string')
      .map(([key]) => key),
    control: {
      type: 'select',
    },
  },
}