import { SvgIcon } from "@components/SvgIcon/SvgIcon";
import type { Meta, StoryObj } from "@storybook/react";


const meta = {
    title: "Example/SvgIcon",
    component: SvgIcon,
    parameters: {
        layout: "centered",
    },
    tags: ["autodocs"],
    argTypes: {
        color: {
            defaultValue: "primary",
        },
    },
} satisfies Meta<typeof SvgIcon>;

export default meta;

type Story = StoryObj<typeof meta>;

export const Primary: Story = {
    args: {
        name: "youtube",
        height: "20px",
        width: "20px"
    },
};

export const User: Story = {
    args: {
        name: "user",
        height: "20px",
        width: "20px"
    },
};

export const Tag: Story = {
    args: {
        name: "tag",
        height: "20px",
        width: "20px"
    },
};