import type { Meta, StoryObj } from '@storybook/react'
import React from 'react';

import { iconsList } from '@/helpers/getIcons';

import Icon from './Icon.component';
import { IIcon } from './Icon.interface';

// More on default export: https://storybook.js.org/docs/react/writing-stories/introduction#default-export
export default {
  title: 'Components/Icon',
  component: Icon,
  argTypes: {
    icon: {
      options: Object.values(iconsList),
      control: "select"
    }
  }
} as Meta

export const Simple: StoryObj<IIcon> = {
  render: args => <Icon {...args} />,
  args: {
    icon: iconsList[0]
  }
}