import { CmsComponent } from '@spartacus/core';
import { TeaserComponentData } from '../../converter/teaser/fs-teaser.model';
import { Observable } from 'rxjs';

/**
 * This interface represents the configuration of a carousel component.
 *
 * @export
 * @interface CarouselComponentData
 */
export interface CarouselComponentData extends CmsComponent {
  previewId?: string;
  autoplay?: boolean;
  autoplaySpeed?: number;
  carouselElements?: TeaserComponentData[];
}

/**
 * This interface represents the data displayed within a carousel.
 *
 * @export
 * @interface CarouselDataInterface
 */
export interface CarouselDataInterface extends Omit<CarouselComponentData, 'carouselElements'> {
  carouselElements: Observable<Array<Observable<TeaserComponentData>>>;
}