import { Label } from "@ai-ui/ui";
import type { Meta, StoryObj } from "@storybook/react";

const meta = {
  title: "Components/Label",
  component: Label,
  args: {
    children: "Email address"
  },
  argTypes: {
    children: {
      control: "text"
    },
    className: {
      control: false
    },
    requiredIndicator: {
      control: "boolean"
    }
  },
  parameters: {
    layout: "centered"
  },
  tags: ["autodocs"]
} satisfies Meta<typeof Label>;

export default meta;

type Story = StoryObj<typeof meta>;

export const Playground: Story = {};

export const Required: Story = {
  args: {
    requiredIndicator: true
  }
};

export const Invalid: Story = {
  args: {
    "aria-invalid": true
  }
};