import type { Meta, StoryObj } from "@storybook/react-native-web-vite";
import { HelperText } from "./HelperText";
import { HelperTextCriticalExample, HelperTextNeutralExample } from "./docs";

const meta = {
  title: "Components/Primitives/HelperText",
  component: HelperText,
  parameters: {
    viewport: { defaultViewport: "mobile1" },
  },
  argTypes: {
    status: {
      control: "select",
      options: ["neutral", "critical"],
    },
    message: { control: "text" },
  },
} satisfies Meta<typeof HelperText>;
export default meta;
type Story = StoryObj<typeof meta>;

export const Neutral: Story = {
  render: HelperTextNeutralExample,
  args: {
    message:
      "This is some helper text to aid users. It should be short and to the point.",
  },
};

export const Critical: Story = {
  render: HelperTextCriticalExample,
  args: {
    message:
      "This is some helper text to aid users. It should be short and to the point.",
  },
};