import { ComponentInterface, EventEmitter } from '../../stencil-public-runtime';
/**
 * The `ino-carousel` component works in combination with the `ino-carousel-slide` component
 * and can be used to display an array of images as a slide show. What is more,
 * it also features an autoplay property that allows the slides to be changed automatically.
 * Lastly, using the css variables described at the bottom of the page, you can easily customize
 * the dimensions of the component as well as the duration of the slide transition.
 *
 * @slot default - One or more `ino-carousel-slide`
 */
export declare class InoCarousel implements ComponentInterface {
    el: HTMLInoCarouselElement;
    private timer;
    allSlides: HTMLInoCarouselSlideElement[];
    private currentSlideEl;
    /**
     * `value` of the slide that should be displayed.
     */
    value: string;
    valueChanged(newVal: string | number): void;
    /**
     * Emits the `value` of the slide that should be displayed after interaction or autoplay interval.
     */
    valueChange: EventEmitter<string>;
    /**
     * Enables autoplay which causes slides to be changed automatically after `intermission` milliseconds.
     */
    autoplay: boolean;
    /**
     * Hides the arrow buttons
     */
    hideButtons: boolean;
    /**
     * Restarts playback from the first slide upon reaching the last slide
     */
    infinite: boolean;
    /**
     * Sets the intermission between two slides (Unit: ms)
     */
    intermission: number;
    /**
     * Enables reverse playback of the slides
     */
    reverse: boolean;
    onTimerPropsChange(): void;
    componentDidLoad(): void;
    disconnectedCallback(): void;
    private setupTimer;
    private emitNextSlide;
    private onSlotChanged;
    render(): any;
}