import { Meta, StoryObj } from "@storybook/react";
import { Icon } from "../tableComponent/icon";

const meta = {
    title: 'Component/Table/Icon',
    component: Icon,
    parameters: {
        // Optional parameter to center the component in the Canvas. More info: https://storybook.js.org/docs/react/configure/story-layout
        layout: 'centered',
    },
    tags: ['autodocs'],
    argTypes: {
        type: { 
            options: ['cog', 'dot'],
            control: { type: 'radio' },
        },
    },
} satisfies Meta<typeof Icon>

export default meta;
type Story = StoryObj<typeof meta>

export const CogIcon = (args:Story) => {
    return (
        <Icon type='cog'  {...args} /> 
    )
    
}

export const DotIcon = (args:Story) => {
    return (
        <Icon type='dot' {...args}  />
    )
    
}