/// <reference types="react" />
import { STYLE } from '../../constants';
export declare type SliderProps = {
    activeSlideId?: string;
    amount?: number;
    arrowsStyle?: STYLE;
    dotsStyle?: STYLE;
    autoplay?: boolean;
    width?: string;
    minHeight?: string;
};
export declare const getSliderDefaultProps: <T extends SliderProps>({ activeSlideId, amount, arrowsStyle, dotsStyle, autoplay, width, minHeight, ...restProps }: T) => {
    activeSlideId: string;
    amount: number;
    arrowsStyle: STYLE;
    dotsStyle: STYLE;
    autoplay: boolean;
    width: string;
    minHeight: string;
} & Omit<T, "width" | "minHeight" | "amount" | "autoplay" | "activeSlideId" | "arrowsStyle" | "dotsStyle">;
export declare const NAV_BUTTON_PROPS_BY_STYLE: {
    "style-a": {
        bgColor: string;
        prevIcon: JSX.Element;
        nextIcon: JSX.Element;
        top: string;
        boxSize: string;
        minWidth: string;
        zIndex: string;
        isRound: boolean;
    };
    "style-b": {
        variant: string;
        borderColor: string;
        color: string;
        prevIcon: JSX.Element;
        nextIcon: JSX.Element;
        top: string;
        boxSize: string;
        minWidth: string;
        zIndex: string;
        isRound: boolean;
    };
    "style-c": {
        top: string;
        boxSize: string;
        minWidth: string;
        zIndex: string;
        isRound: boolean;
        bgColor: string;
        color: string;
        prevIcon: JSX.Element;
        nextIcon: JSX.Element;
    };
    "style-none": {
        display: string;
    };
};
export declare const SwiperWrapper: import("@emotion/styled").StyledComponent<import("@chakra-ui/system").OmitCommonProps<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof import("@chakra-ui/system").ChakraProps> & import("@chakra-ui/system").ChakraProps & import("@chakra-ui/system").OmitCommonProps<any, keyof import("@chakra-ui/system").ChakraProps> & {
    as?: import("@chakra-ui/system").As<any> | undefined;
} & {
    theme?: import("@emotion/react").Theme | undefined;
}, {}, {}>;
