/// <reference types="hammerjs" />
import React, { Component } from 'react';
declare type Props = {
    renderSlide: (key: number) => React.ReactNode;
    renderHeader?: () => React.ReactNode;
    onChange: (newSlideIndex: number) => void;
};
declare class SliderContainer extends Component<Props> {
    state: {
        percentageX: number;
        transition: number;
        easing: string;
        isPanEnabled: boolean;
    };
    slideDirection: number;
    sliderRef: React.RefObject<HTMLDivElement>;
    componentDidMount(): void;
    trackTransitionEnd: () => void;
    reShuffleSlides: () => void;
    calcSlideDirection: (e: HammerInput) => number;
    snapToSlide: (e: HammerInput, slide: number) => void;
    handlePan: (e: HammerInput) => void;
    generateSlideStyle: () => {
        transform: string;
        transitionDuration: string;
        transitionTimingFunction: string;
    };
    generateProps: () => {
        slideIndex: number;
        slideStyle: {
            transform: string;
            transitionDuration: string;
            transitionTimingFunction: string;
        };
        handlePan: (e: HammerInput) => void;
        sliderRef: React.RefObject<HTMLDivElement>;
        slidesArray: unknown[];
        renderSlide: (key: number) => React.ReactNode;
        renderHeader?: (() => React.ReactNode) | undefined;
        onChange: (newSlideIndex: number) => void;
        children?: React.ReactNode;
        percentageX: number;
        transition: number;
        easing: string;
        isPanEnabled: boolean;
    };
    render(): JSX.Element;
}
export default SliderContainer;