import { Component } from 'react';
import type { JSX } from 'react';
/**
 * @slot {"name": "heading", "description": "Renders a heading above the carousel." }
 * @slot {"name": "description", "description": "Renders descriptive content below the heading." }
 * @slot {"name": "controls", "description": "Renders custom controls such as navigation buttons or indicators." }
 * @slot {"name": "", "description": "Default slot for the carousel slides." }
 *
 * @controlled { "props": ["activeSlideIndex"], "event": "update", "isInternallyMutated": true }
 */
export declare class DSRCarousel extends Component<any> {
    host: HTMLElement;
    private amountOfPages;
    private splide;
    private container;
    private btnPrev;
    private btnNext;
    private paginationEl;
    private slides;
    private get splideSlides();
    private get hasNavigation();
    render(): JSX.Element;
    private getPageCount;
}