import { argsToTemplate, componentWrapperDecorator, Meta, moduleMetadata, StoryObj } from '@storybook/angular';
import { BreadcrumbComponent, BreadcrumbItemComponent } from '../../public-api';

const meta: Meta<BreadcrumbItemComponent> = {
  title: 'Components/Breadcrumb/Breadcrumb Item',
  id: 'breadcrumb-item',
  component: BreadcrumbItemComponent,
  decorators: [
    moduleMetadata({
      imports: [BreadcrumbComponent]
    }),
    componentWrapperDecorator(BreadcrumbComponent)
  ],
  parameters: {
    docs: {
      imports: [BreadcrumbComponent, BreadcrumbItemComponent]
    }
  }
};

export default meta;

type Story = StoryObj<BreadcrumbItemComponent & { content?: string }>;

export const BreadcrumbItem: Story = {
  args: {
    href: '#',
    content: 'Home'
  },
  render: (args) => ({
    props: args,
    template: `
      <nj-breadcrumb-item ${argsToTemplate(args, { exclude: ['content'] })}>
        {{content}}
      </nj-breadcrumb-item>
  `
  })
};