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

import Metrics, { MetricsTypes } from "@components/Metrics/Metrics";

const meta = {
    title: "Example/Metrics",
    component: Metrics,
    parameters: {
        layout: "centered",
    },
    tags: ["autodocs"],
    argTypes: {

    },
} satisfies Meta<typeof Metrics>;

export default meta;

type Story = StoryObj<typeof meta>;

export const Success: Story = {
    args: {
        label: "99",
        type: MetricsTypes.SUCCESS,
    },
};

export const Error: Story = {
    args: {
        label: "99",
        type: MetricsTypes.ERROR,
    },
};

export const Warning: Story = {
    args: {
        label: "99",
        type: MetricsTypes.WARNING,
    },
};

export const Neutral: Story = {
    args: {
        label: 99,
        type: MetricsTypes.NEUTRAL,
    },
};