WARN - ./components/v2/Dialog.stories.tsx: Invariant failed: expected a defaultName property in options.docs
WARN - ./components/v2/Link.stories.tsx: Invariant failed: expected a defaultName property in options.docs
WARN - ./components/v2/LinkButton.stories.tsx: Invariant failed: expected a defaultName property in options.docs
WARN - ./components/v2/List.stories.tsx: Invariant failed: expected a defaultName property in options.docs
WARN - ./components/v2/ListItem.stories.tsx: Invariant failed: expected a defaultName property in options.docs
WARN - ./components/v2/Loading.stories.tsx: Invariant failed: expected a defaultName property in options.docs
WARN - ./components/v2/MenuList.stories.tsx: Invariant failed: expected a defaultName property in options.docs
WARN - ./components/v2/MenuListItem.stories.tsx: Invariant failed: expected a defaultName property in options.docs
WARN - ./components/v2/PageColumn.stories.tsx: Invariant failed: expected a defaultName property in options.docs
WARN - ./components/v2/PageHeader.stories.tsx: Invariant failed: expected a defaultName property in options.docs
WARN - ./components/v2/PageLoading.stories.tsx: Invariant failed: expected a defaultName property in options.docs

import { TagIcon } from "@heroicons/react/outline";
import { ComponentMeta, ComponentStory } from "@storybook/react";
import { MenuListItem } from "./MenuListItem";

export default {
  title: "Components/v2/MenuListItem",
  component: MenuListItem,
} as ComponentMeta<typeof MenuListItem>;

const Template: ComponentStory<typeof MenuListItem> = (args) => (
  <ul>
    <MenuListItem {...args} />
  </ul>
);

export const Default = Template.bind({});
Default.args = {
  icon: <TagIcon className="w-6 h-6 text-green-500" />,
  children: "This is a menu item",
  href: "/",
};