From f77d9fb922cfd9a9fb8ca8a7aa9ad8ed8bc30e48 Mon Sep 17 00:00:00 2001
From: HasithDeAlwis <hasithde24@gmail.com>
Date: Tue, 19 Nov 2024 12:59:01 -0500
Subject: [PATCH] feat(shadcn/component/ui): create navigation-menu story

---
 .../components/ui/navigation-menu.stories.tsx | 41 +++++++++++++++++++
 1 file changed, 41 insertions(+)
 create mode 100644 libs/external/shadcn/components/ui/navigation-menu.stories.tsx

diff --git a/libs/external/shadcn/components/ui/navigation-menu.stories.tsx b/libs/external/shadcn/components/ui/navigation-menu.stories.tsx
new file mode 100644
index 00000000..8e128977
--- /dev/null
+++ b/libs/external/shadcn/components/ui/navigation-menu.stories.tsx
@@ -0,0 +1,41 @@
+import type { Meta, StoryObj } from '@storybook/react'
+import {
+  NavigationMenu,
+  NavigationMenuContent,
+  NavigationMenuItem,
+  NavigationMenuLink,
+  NavigationMenuList,
+  NavigationMenuTrigger,
+} from './navigation-menu'
+
+const meta = {
+  title: 'Shadcn-ui/NavigationMenu',
+  component: NavigationMenu,
+  tags: ['autodocs'],
+  parameters: {
+    layout: 'centered',
+  },
+  args: {
+    children: (
+      <NavigationMenuList>
+        <NavigationMenuItem>
+          <NavigationMenuTrigger>Products</NavigationMenuTrigger>
+          <NavigationMenuContent className="px-1 py-4">
+            <NavigationMenuLink href="/products">View Products</NavigationMenuLink>
+          </NavigationMenuContent>
+        </NavigationMenuItem>
+        <NavigationMenuItem>
+          <NavigationMenuLink href="/about">About</NavigationMenuLink>
+        </NavigationMenuItem>
+      </NavigationMenuList>
+    ),
+  },
+  argTypes: {
+    children: { control: { disable: true } },
+  },
+} satisfies Meta<typeof NavigationMenu>
+
+export default meta
+type Story = StoryObj<typeof meta>
+
+export const Default: Story = {}