import React from 'react'
import type { ComponentStory, ComponentMeta } from '@storybook/react'

import {
  IconActivity,
  IconAirplane,
  IconGear,
  IconLayout,
  IconXOctagon,
  IconPackage,
  IconDotsThreeVertical,
} from '..'

export default {
  title: 'icons/Icons',
  component: IconActivity,
  argTypes: {
    backgroundColor: { control: 'color' },
  },
} as ComponentMeta<typeof IconActivity>

const Template: ComponentStory<typeof IconActivity> = (args) => (
  <>
    <IconActivity {...args} />
    <IconAirplane {...args} />
    <IconGear {...args} />
    <IconLayout {...args} />
    <IconXOctagon {...args} />
    <IconPackage {...args} />
    <IconDotsThreeVertical {...args} />
  </>
)

export const Primary = Template.bind({})

Primary.args = {
  size: 60,
}