import type { Meta, StoryObj } from "@storybook/react";
import { LandingCard } from "./LandingCard";
import { getAvailableIconNames } from "../../atoms/Icon/getIconNames";

const meta: Meta<typeof LandingCard> = {
  component: LandingCard,
};

const argTypes = {
  icon: {
    option: getAvailableIconNames(),
    control: { type: "select" },
  },
  inactive: {
    options: [true, false],
    control: { type: "boolean" },
  },
  animationSpeed: {
    options: [0, 75, 100, 150, 200, 300, 500, 700, 1000],
    control: { type: "select" },
  },
};

export default meta;

type Story = StoryObj<typeof LandingCard>;

export const Primary: Story = {
  render: (args) => <LandingCard {...args} />,
  args: {
    icon: "coins-swap-02",
    title: "Test Card",
    flipContent:
      "Test content with a lot of words that fill the space to describe what this card would otherwise represent",
    flavourText: "01",
  },
  argTypes,
};