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

import { IconProps } from '../types';

type IconComponent = FC<IconProps>;

export const generateStory = (component: FC<IconProps>) => {
  const meta: Meta<IconComponent> = {
    title: `Icons/${component.displayName}`,
    component: component,
    parameters: {
      layout: 'centered',
      docs: {
        canvas: {
          sourceState: 'shown',
        },
      },
    },
    tags: ['autodocs'],
    argTypes: {
      fill: { control: 'color' },
      width: { control: 'number' },
      height: { control: 'number' },
      size: { control: 'number' },
      variant: { control: 'radio', options: ['filled', 'outlined'] },
    },
  };

  const story: StoryObj<IconComponent> = {
    args: {
      variant: 'filled',
    },
  };

  return { meta, story };
};