import { ComponentMeta, ComponentStory } from '@storybook/react'

import {
  DaoPageWrapperDecorator,
  makeAppContextDecorator,
} from '@dao-dao/storybook/decorators'

import { PageHeader } from './PageHeader'

export default {
  title: 'DAO DAO / packages / stateless / components / layout / PageHeader',
  component: PageHeader,
  decorators: [DaoPageWrapperDecorator, makeAppContextDecorator(false)],
} as ComponentMeta<typeof PageHeader>

const Template: ComponentStory<typeof PageHeader> = (args) => (
  <PageHeader {...args} />
)

export const Default = Template.bind({})
Default.args = {
  title: 'Title!',
}

export const Breadcrumbs = Template.bind({})
Breadcrumbs.args = {
  ...Default.args,
  title: undefined,
  breadcrumbs: {
    current: 'Here',
  },
}