import type { Meta, StoryObj } from '@storybook/angular';
import { NewInput } from './new-input';
import { moduleMetadata } from '@storybook/angular';
import { CommonModule } from '@angular/common';
import { PromptInput } from '../prompt-input/prompt-input';
import { ToolsOptions } from '../tools-options/tools-options';
import { Store, StoreModule } from '@ngrx/store';
import { reducers } from '../../reducers';
import { HttpClientModule } from '@angular/common/http';
import { ApiService } from '../../api-service';
import { FormsModule } from '@angular/forms';

const appReducer = reducers.app;

const meta: Meta<NewInput> = {
  title: 'Components/NewInput',
  component: NewInput,
  tags: ['autodocs'],
  decorators: [
    moduleMetadata({
      imports: [
        CommonModule,
        FormsModule,
        PromptInput,
        ToolsOptions,
        HttpClientModule,
        StoreModule.forRoot({ app: appReducer as any })
      ],
      providers: [
        ApiService,
        Store
      ]
    })
  ],
  parameters: {
    backgrounds: {
      default: 'light',
      values: [
        { name: 'light', value: '#f5f5f5' },
        { name: 'dark', value: '#333' },
      ],
    },
  }
};

export default meta;
type Story = StoryObj<NewInput>;

export const Default: Story = {
  args: {
    // Propriétés par défaut
  }
};

export const DarkTheme: Story = {
  args: {
    // Propriétés par défaut
  },
  parameters: {
    backgrounds: { default: 'dark' },
    store: {
      init: (store: Store) => {
        store.dispatch({
          type: 'UPDATE_APP',
          payload: {
            theme: 'dark'
          }
        });
      }
    }
  }
};