import type { Meta, StoryObj } from '@storybook/react'; import { Sidebar } from './Sidebar'; import { Filter, User } from 'lucide-react'; const meta = { title: 'UI/Sidebar', component: Sidebar, tags: ['autodocs'], argTypes: { position: { control: 'radio', options: ['left', 'right'], }, width: { control: 'text' }, collapsible: { control: 'boolean' }, }, parameters: { layout: 'fullscreen', }, decorators: [ (Story) => (

Main Content

The sidebar sits alongside this content.

), ], } satisfies Meta; export default meta; type Story = StoryObj; export const LeftSidebar: Story = { args: { title: 'Filters', icon: , position: 'left', children: (
), }, }; export const RightSidebar: Story = { args: { title: 'User Profile', icon: , position: 'right', children: (
User details go here
), }, decorators: [ (Story) => (

Main Content

), ], };