import type { Meta, StoryObj } from '@storybook/angular';
import { applicationConfig } from '@storybook/angular';
import { provideRouter } from '@angular/router';
import { WatWiltUDoenSection } from './wat-wilt-u-doen.section';
import { FeatureFlagStore } from '@shared/application/feature-flags.store';

const meta: Meta<WatWiltUDoenSection> = {
  title: 'Domein/Overzicht/Wat Wilt U Doen',
  component: WatWiltUDoenSection,
  decorators: [applicationConfig({ providers: [provideRouter([])] })],
};
export default meta;
type Story = StoryObj<WatWiltUDoenSection>;

export const InschrijvingOpen: Story = {
  decorators: [
    applicationConfig({
      providers: [{ provide: FeatureFlagStore, useValue: { enabled: () => true } }],
    }),
  ],
};
export const InschrijvingDicht: Story = {
  decorators: [
    applicationConfig({
      providers: [{ provide: FeatureFlagStore, useValue: { enabled: () => false } }],
    }),
  ],
};