import type { Meta, StoryObj } from "@storybook/react-native-web-vite";
import { AutoLink } from "@jobber/components-native";
import { AutoLinkBasicExample, AutoLinkSkipPhoneNumberExample } from "./docs";

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

export const Basic: Story = {
  render: AutoLinkBasicExample,
  args: {
    children:
      "I am a test with a link to getjobber.com! Call me at 902-555-5555 or email me at test@example.com",
  },
};

export const SkipPhoneNumber: Story = {
  render: AutoLinkSkipPhoneNumberExample,
  args: {
    phone: false,
    children:
      "Ignoring phone numbers like 902-555-5555 but still linking getjobber.com!",
  },
};