svgr index component

svgr-index-component.tsx

import { Story } from '@storybook/react/types-6-0'
import React from 'react'
import { colors, Colors } from '../../styles/colors'
import { VStack, HStack } from '../Stack'

import IconChevronNormal from './ChevronNormal'
export { IconChevronNormal }

import IconExclamationMarkCircle from './ExclamationMarkCircle'
export { IconExclamationMarkCircle }

import IconLocationArrow from './LocationArrow'
export { IconLocationArrow }

// for storybook
export default {
  title: 'Icons',
  args: {
    color: colors.blueBase,
  },
}

type AllIconsProps = {
  color: Colors,
}
export const AllIcons: Story<AllIconsProps> = (args) => {
  return (
    <VStack>
      <HStack>
        <IconChevronNormal width={20} height={20} {...args} />
        <span>IconChevronNormal</span>
      </HStack>
      <HStack>
        <IconExclamationMarkCircle width={20} height={20} {...args} />
        <span>IconExclamationMarkCircle</span>
      </HStack>
      <HStack>
        <IconLocationArrow width={20} height={20} {...args} />
        <span>IconLocationArrow</span>
      </HStack>
    </VStack>
  )
}