import React from "react";
import { BoxProps } from "../Box";
/** SwiperRailProps */
export declare type SwiperRailProps = BoxProps;
/** A `SwiperRail` slides back and forth within the viewport */
export declare const SwiperRail: 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;
}, {
    as?: React.ElementType<any, keyof React.JSX.IntrinsicElements> | undefined;
}>> & string;
/** SwiperCellProps */
export declare type SwiperCellProps = BoxProps;
/** A `SwiperCell` wraps a single child in the carousel */
export declare const SwiperCell: 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;
}, {
    as?: React.ElementType<any, keyof React.JSX.IntrinsicElements> | undefined;
}>> & string;
declare type ScrollSnapAlign = "none" | "start" | "end" | "center";
/** SwiperProps */
export declare type SwiperProps = BoxProps & {
    initialIndex?: number;
    snap?: ScrollSnapAlign;
    children: React.ReactNode;
    Rail?: typeof SwiperRail | React.FC<React.PropsWithChildren<SwiperRailProps>>;
    /**
     * If providing a custom `Cell` you must forward a ref so
     * that cell widths can be calculated.
     */
    Cell?: React.ForwardRefExoticComponent<SwiperCellProps>;
    onChange?(index: number): void;
    onPageCountChange?(count: number): void;
};
/**
 * A `Swiper` is like a `Carousel` but for touch devices. It 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, allows
 * for horitonzal swiping (or scrolling) with the option to snap to elements.
 */
export declare const Swiper: React.FC<React.PropsWithChildren<SwiperProps>>;
export {};