import type { ComponentProps } from "react";
import type { Meta, StoryObj } from "@storybook/react-native-web-vite";
import { InputDate } from "@jobber/components-native";
import {
  InputDateBasic,
  InputDateEmptyValueLabel,
  InputDateInvalid,
} from "./docs";

const meta = {
  title: "Components/Forms and Inputs/InputDate",
  component: InputDate,
  parameters: {
    viewport: { defaultViewport: "mobile1" },
    showNativeOnWebDisclaimer: true,
  },
} satisfies Meta<typeof InputDate>;
export default meta;
type Story = StoryObj<Partial<ComponentProps<typeof InputDate>>>;

export const Basic: Story = {
  render: InputDateBasic,
};

export const EmptyValueLabel: Story = {
  render: InputDateEmptyValueLabel,
  args: {
    placeholder: "Start date",
    emptyValueLabel: "Unscheduled",
  },
};

export const Invalid: Story = {
  render: InputDateInvalid,
  args: {
    placeholder: "Start date",
    invalid: "Start Date is required",
  },
};