import type { ComponentStory, ComponentMeta } from "@storybook/react";
import { Card } from "./card";

const Story: ComponentMeta<typeof Card> = {
    component: Card,
    title: "Card",
};
export default Story;

const Template: ComponentStory<typeof Card> = args => <Card {...args} />;

const Primary = Template.bind({});
Primary.args = {
    title: "Total Reviews",
    value: 35,
    status: [
        {
            label: "26 complete",
            isComplete: true,
        },
        {
            label: "9 pending",
            isComplete: false,
        },
    ],
    directionMetric: {
        description: "Compared to last month",
        data: {
            value: 7.5,
            limit: 5,
        },
    },
};