import type { Meta, StoryObj } from '@storybook/angular';
import { PlaceholderChipComponent } from './placeholder-chip.component';

const meta: Meta<PlaceholderChipComponent> = {
  title: 'Design System/Atoms/Placeholder Chip',
  component: PlaceholderChipComponent,
  render: (args) => ({
    props: args,
    template: `<app-placeholder-chip [label]="label" [autoResolvable]="autoResolvable" [state]="state"></app-placeholder-chip>`,
  }),
  parameters: {
    cibgGap: true,
    docs: { description: { component: 'CIBG-gap extension — see Foundations/CIBG Gap Register.' } },
  },
};
export default meta;
type Story = StoryObj<PlaceholderChipComponent>;

export const AutoResolvable: Story = {
  args: { label: 'Naam zorgverlener', autoResolvable: true, state: 'ok' },
};
export const Manual: Story = {
  args: { label: 'Reden besluit', autoResolvable: false, state: 'ok' },
};
export const Warning: Story = {
  args: { label: 'Oud kenmerk', autoResolvable: true, state: 'warning' },
};
export const Error: Story = {
  args: { label: 'Onbekend veld', autoResolvable: false, state: 'error' },
};
