import React from "react";
import { ResponsiveValue } from "styled-system";
import { SpacingUnit } from "../../Theme";
import { BoxProps } from "../Box";
import { CarouselNavigationProps, CarouselNext, CarouselPrevious } from "./CarouselNavigation";
/** CarouselRailProps */
export declare type CarouselRailProps = BoxProps & {
    transition?: ResponsiveValue<string>;
};
/** A `CarouselRail` slides back and forth within the viewport */
export declare const CarouselRail: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<Omit<import("styled-components").FastOmit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof BoxProps> & BoxProps, "ref"> & {
    ref?: ((instance: HTMLDivElement | null) => void) | React.RefObject<HTMLDivElement> | null | undefined;
}, CarouselRailProps>> & string;
/** CarouselCellProps */
export declare type CarouselCellProps = BoxProps;
/** A `CarouselCell` wraps a single child in the carousel */
export declare const CarouselCell: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<Omit<import("styled-components").FastOmit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof BoxProps> & BoxProps, "ref"> & {
    ref?: ((instance: HTMLDivElement | null) => void) | React.RefObject<HTMLDivElement> | null | undefined;
}, never>> & string;
/**
 * We share this spacing value with the `Swiper` component
 */
export declare const CELL_GAP_PADDING_AMOUNT: SpacingUnit[];
export interface CarouselProps extends BoxProps {
    initialIndex?: number;
    children: React.ReactNode;
    Next?: typeof CarouselNext | React.FC<React.PropsWithChildren<CarouselNavigationProps>>;
    Previous?: typeof CarouselPrevious | React.FC<React.PropsWithChildren<CarouselNavigationProps>>;
    Rail?: typeof CarouselRail | React.FC<React.PropsWithChildren<CarouselRailProps>>;
    /**
     * If providing a custom `Cell` you must forward a ref so
     * that cell widths can be calculated.
     */
    Cell?: React.ForwardRefExoticComponent<CarouselCellProps>;
    paginateBy?: "page" | "cell";
    onChange?(index: number): void;
    onPageCountChange?(count: number): void;
}
/**
 * A `Carousel` accepts children or a series of children that are JSX elements.
 * It presents them in a horizontal rail and when the width exceeds the width
 * of the viewport, it presents navigation arrows and allows a user to page
 * through them.
 */
export declare const Carousel: React.FC<React.PropsWithChildren<CarouselProps>>;