import { Story, Meta } from "@storybook/react";
import { HeaderDocs } from "./LinkDocs";
import Link from "../Link";
import { LinkProps } from "../types";
import React from "react";
import { StoryLayout } from "../../../../.storybook/StoryComponents";

export default {
  title: "Atoms/Link",
  component: Link,
  parameters: {
    docs: {
      page: HeaderDocs,
    },
  },
} as Meta;

export const Default: Story<LinkProps> = args => {
  return (
    <StoryLayout>
      <Link {...args}></Link>
    </StoryLayout>
  );
};

Default.args = {
  year: "2022",
  children: "Link",
};

Default.argTypes = {
  year: {
    options: ["2020", "2022"],
    control: { type: "select" },
  },
  children: {
    defaultValue: "Link",
    control: {
      type: "text",
    },
  },
  href: {
    defaultValue: "https://www.google.com",
    control: {
      type: "text",
    },
  },
};