import type { Meta, StoryObj } from "@storybook/react-native-web-vite";
import { ActionLabel } from "@jobber/components-native";
import {
  ActionLabelBasicExample,
  ActionLabelColorExample,
  ActionLabelDarkBackgroundExample,
  ActionLabelDisabledExample,
} from "./docs";

const meta = {
  title: "Components/Actions/ActionLabel",
  component: ActionLabel,
  parameters: {
    viewport: { defaultViewport: "mobile1" },
  },
} satisfies Meta<typeof ActionLabel>;
export default meta;
type Story = StoryObj<typeof meta>;

export const Basic: Story = {
  render: ActionLabelBasicExample,
  args: { children: "I am a label text" },
};

export const Color: Story = {
  render: ActionLabelColorExample,
  args: { variation: "learning", children: "Learning" },
};

export const DarkBackground: Story = {
  render: ActionLabelDarkBackgroundExample,
  args: { variation: "onPrimary", children: "Light Me Up" },
  parameters: {
    backgrounds: { default: "dark" },
  },
};

export const Disabled: Story = {
  render: ActionLabelDisabledExample,
  args: { disabled: true, children: "Disabled" },
};