import {
  Meta,
  moduleMetadata,
  StoryObj,
  applicationConfig,
} from '@storybook/angular';

//module
import { importProvidersFrom } from '@angular/core';
import { AngularSvgIconModule, SvgIconRegistryService } from 'angular-svg-icon';
import { HttpClientModule } from '@angular/common/http';
import { BrowserAnimationsModule } from '@angular/platform-browser/animations';
import { NgbModule } from '@ng-bootstrap/ng-bootstrap';
import { FormsModule, ReactiveFormsModule } from '@angular/forms';

//components
import { CaInputNoteComponent } from './ca-input-note.component';
import { CaNoteContainerComponent } from '../ca-note-container/ca-note-container.component';
import { CaSpinnerComponent } from '../ca-spinner/ca-spinner.component';

//pipes
import { SafeHtmlPipe } from '../../pipes/safe-html.pipe';

const meta: Meta<CaInputNoteComponent> = {
  title: 'Example/InputNotes',
  component: CaInputNoteComponent,
  tags: ['autodocs'],
  decorators: [
    applicationConfig({
      providers: [importProvidersFrom(BrowserAnimationsModule)],
    }),
    moduleMetadata({
      imports: [
        //Modules
        FormsModule,
        ReactiveFormsModule,
        HttpClientModule,
        BrowserAnimationsModule,
        AngularSvgIconModule.forRoot(),
        NgbModule,
        //components
        CaNoteContainerComponent,
        CaSpinnerComponent,
        //pipes
        SafeHtmlPipe,
      ],
      providers: [SvgIconRegistryService],
    }),
  ],
  argTypes: {},
};

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

export const InputNotes: Story = {
  args: {
    isVisibleNote: false,
    note: '',
    isVisibleArrow: true,
    hasDefArrow: true,
    customClass: '',
  },
};