import { ViewContainerRef } from '@angular/core';
import { ComplexBase, ArrayBase } from '@syncfusion/ej2-angular-base';
import * as i0 from "@angular/core";
/**
 * `e-carousel-item` directive represent a item of the Angular Carousel.
 * It must be contained in a Carousel component(`ejs-carousel`).
 * ```html
 * <ejs-carousel>
 *   <e-carousel-items>
 *    <e-carousel-item template='#item1'></e-carousel-item>
 *    <e-carousel-item template='#item2'></e-carousel-item>
 *   </e-carousel-items>
 * </ejs-carousel>
 * ```
 */
export declare class CarouselItemDirective extends ComplexBase<CarouselItemDirective> {
    private viewContainerRef;
    directivePropList: any;
    /**
     * Accepts single/multiple classes (separated by a space) to be used for individual carousel item customization.
     * @default null
     */
    cssClass: any;
    /**
     * Accepts HTML attributes/custom attributes to add in individual carousel item.
     * @default null
     */
    htmlAttributes: any;
    /**
     * Accepts the interval duration in milliseconds for individual carousel item transition.
     * @default null
     */
    interval: any;
    /**
     * Accepts the template for individual carousel item.
     * @default null
     * @angulartype string | object
     * @reacttype string | function | JSX.Element
     * @vuetype string | function
     * @asptype string
     */
    template: any;
    constructor(viewContainerRef: ViewContainerRef);
    static ɵfac: i0.ɵɵFactoryDeclaration<CarouselItemDirective, never>;
    static ɵdir: i0.ɵɵDirectiveDeclaration<CarouselItemDirective, "ejs-carousel>e-carousel-items>e-carousel-item", never, { "cssClass": "cssClass"; "htmlAttributes": "htmlAttributes"; "interval": "interval"; "template": "template"; }, {}, ["template"]>;
}
/**
 * CarouselItem Array Directive
 * @private
 */
export declare class CarouselItemsDirective extends ArrayBase<CarouselItemsDirective> {
    constructor();
    static ɵfac: i0.ɵɵFactoryDeclaration<CarouselItemsDirective, never>;
    static ɵdir: i0.ɵɵDirectiveDeclaration<CarouselItemsDirective, "ejs-carousel>e-carousel-items", never, {}, {}, ["children"]>;
}