import type { Meta, StoryObj } from '@storybook/react'
import { List, ListItem, ListSubheader, ListDivider } from './List'
const HomeIcon = () => (
)
const StarIcon = () => (
)
const SettingsIcon = () => (
)
const meta: Meta = {
title: 'Atoms/List',
component: List,
tags: ['autodocs'],
parameters: { layout: 'padded' },
}
export default meta
type Story = StoryObj
export const Default: Story = {
render: () => (
}>Real-Time
}>Audience
}>Conversions
),
}
export const WithActive: Story = {
name: 'With active item',
render: () => (
} active>Real-Time
}>Audience
}>Conversions
),
}
export const WithSubheaders: Story = {
name: 'With subheaders',
render: () => (
Reports
}>Real-Time
}>Audience
Settings
}>Preferences
),
}