//Angular
import { HttpClientModule } from '@angular/common/http';
import { BrowserAnimationsModule } from '@angular/platform-browser/animations';
import { NgxMaskModule } from 'ngx-mask';

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

// Third-party modules
import { AngularSvgIconModule } from 'angular-svg-icon';

// Components
import { CaFleetFilterComponent } from './ca-fleet-filter.component';

// Constants
import { FleetFilterConstants } from './utils/constants';

const meta: Meta<CaFleetFilterComponent> = {
    title: 'example/FleetFilterComponent',
    component: CaFleetFilterComponent,
    tags: ['autodocs'],
    decorators: [
        moduleMetadata({
            imports: [
                AngularSvgIconModule.forRoot(),
                NgxMaskModule.forRoot(),
                BrowserAnimationsModule,
                HttpClientModule,
                CaFleetFilterComponent,
            ],
        }),
    ],
};

export default meta;
type FleetFilterStory = StoryObj<CaFleetFilterComponent>;

export const FleetFilter: FleetFilterStory = {
    args: {
        fleetFilterData: FleetFilterConstants.STORY_DATA_EXAMPLES,
    },
};