import type { MouseEvent, ReactNode } from 'react';
import React from 'react';
interface Props {
    /**
     * Unique ID for the component
     */
    id?: string;
    /**
     * Content of Carousel
     */
    children: ReactNode;
    /**
     * Allows to set the number of visible items at the same time.
     * Use decimals to enable "peek" functionality on the edge of Carousel
     *
     * @default 1 In Desktop view
     * @default 1.2 In Mobile view
     */
    visibleItems?: number;
    /**
     * Allows to display a slide counter
     *
     * @default false
     */
    hasCounter?: boolean;
    /**
     * Allows to define carousel title
     */
    title?: string;
    /**
     * Allows to define text for carousel footer button
     */
    footerButton?: string;
    /**
     * On Footer Button click callback
     */
    onFooterButtonClick?: (e: MouseEvent<HTMLElement>) => void;
    /**
     * Allows to pass testid string for testing purposes
     */
    'data-testid'?: string;
    /**
     * Allows to pass a custom className
     */
    className?: string;
    /**
     * Allows for responsive behavior in the carousel.
     * Shows as many items as possible; each item requires a defined width.
     * This overrides the `visibleItems` prop.
     * @default false
     */
    responsive?: boolean;
    /**
     * Allows to pass a screen reader label for the pagination item next to the current slide number
     */
    paginationAriaLabel?: string;
    /**
     * Allows to pass a screen reader label for the next arrow button
     */
    nextAriaLabel?: string;
    /**
     * Allows to pass a screen reader label for the previous arrow button
     */
    previousAriaLabel?: string;
    /**
     * Number of items to move when navigating the carousel
     *
     * @default 1
     */
    swipeStep?: number;
}
declare const SlideItem: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("styled-components").FastOmit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "$visibleItems" | "$isSwiping" | "$responsive" | "$gap"> & {
    $isSwiping: boolean;
    $responsive: boolean;
    $gap: number;
} & Partial<Required<{
    $visibleItems: Props["visibleItems"];
}>>, never> & Partial<Pick<import("styled-components").FastOmit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "$visibleItems" | "$isSwiping" | "$responsive" | "$gap"> & {
    $isSwiping: boolean;
    $responsive: boolean;
    $gap: number;
} & Partial<Required<{
    $visibleItems: Props["visibleItems"];
}>>, never>>> & string;
/** @visibleName Carousel */
declare const Carousel: ({ "data-testid": dataTestId, ...props }: Props) => React.JSX.Element;
/** @component */
export default Carousel;
export { SlideItem };