import { FsCarouselConverterInjectionToken, FsCarouselConverter } from '../../converter/carousel/fs-carousel-converter';
import { FsComponentConverter } from 'fs-spartacus-common';
import { CommonModule } from '@angular/common';
import { NgModule } from '@angular/core';
import { BrowserModule } from '@angular/platform-browser';
import { CmsConfig, ConfigModule } from '@spartacus/core';
import { CarouselComponent } from './carousel.component';
import { RouterModule } from '@angular/router';
import { CarouselModule as SpartacusCarouselModule } from '../../third-party-components/carousel-component';
import { TeaserModule } from '../teaser/teaser.module';

/**
 * This module configures the {@link CarouselComponent}.
 *
 * @export
 * @class CarouselModule
 */
@NgModule({
    declarations: [CarouselComponent],
    imports: [
        CommonModule,
        RouterModule,
        BrowserModule,
        SpartacusCarouselModule,
        TeaserModule,
        ConfigModule.withConfig({
            cmsComponents: {
                carousel: {
                    component: CarouselComponent,
                    disableSSR: true,
                },
            },
        } as CmsConfig),
    ],
    exports: [CarouselComponent],
    providers: [
        { provide: FsCarouselConverterInjectionToken, useClass: FsCarouselConverter, multi: true },
        { provide: FsComponentConverter, useValue: { carousel: FsCarouselConverterInjectionToken }, multi: true },
    ]
})
export class CarouselModule {}