@ragrabbit/mcp

by madarco
Verified
import type { Meta, StoryObj } from "@storybook/react"; import { SideSubNav } from "../side-sub-nav"; import { Home, Settings, User } from "lucide-react"; const meta: Meta<typeof SideSubNav> = { title: "UI/Dashboard/SideNav", component: SideSubNav, tags: ["autodocs"], argTypes: { pages: { control: "object" }, activePage: { control: "text" }, }, }; export default meta; type Story = StoryObj<typeof SideSubNav>; export const Default: Story = { args: { pages: [ { title: "Dashboard", to: "/dashboard", icon: Home }, { title: "Profile", to: "profile", icon: User }, { title: "Settings", to: "settings", icon: Settings }, ], activePage: "/dashboard", }, }; export const WithActiveProfile: Story = { args: { ...Default.args, activePage: "profile", }, }; export const SinglePage: Story = { args: { pages: [{ title: "Dashboard", to: "/dashboard", icon: Home }], activePage: "/dashboard", }, };