import { ComponentInterface } from '../../stencil-public-runtime';
import { FlickityOptions } from '../slides/slides-interface';
/**
 * Showcase up to 6 pieces of content in a slide-show format.
 *
 * @status new
 * @version 8.0.0
 *
 * @part base - The base element of the carousel.
 * @part title - The element containing the title of the carousel.
 * @part slides - The slides element of the carousel.
 * @part pagination - The element containing the pagination buttons.
 *
 * @slot title - The title of the carousel. Useful it you want more control over markup of the title.
 * @slot - The slides of the carousel. Should be used with `nano-slide` components exclusively.
 */
export declare class ContentCarousel implements ComponentInterface {
    private nanoSlides;
    private flickity;
    host: HTMLNanoCardCarouselElement;
    slideCount: number;
    slideOptions: FlickityOptions;
    activeSlide: number;
    /** The title of the carousel. Alternatively use the `slot="title"` for more control over markup */
    carouselTitle: string;
    private handleSlidesChange;
    handleSlideCountChange(): void;
    private handleSlideMove;
    private isActive;
    connectedCallback(): void;
    render(): any;
}
