import React from 'react';
import { BoxProps } from '../Box/Box';
import { TabItem } from '../Tabs/TabItem';
import { ResponsiveProp } from '../../types';
export declare const tabsSliderSizes: readonly ["sm", "md", "lg"];
export declare type TabsSliderSize = typeof tabsSliderSizes[number];
export declare const tabsSliderFontSizeMap: {
    sm: string;
    md: string;
    lg: string;
};
export declare const tabsSliderBorderWidthMap: {
    sm: string;
    md: string;
    lg: string;
};
export declare const tabsSliderPaddingMap: {
    sm: string;
    md: string;
    lg: string;
};
export interface TabsSliderProps extends BoxProps {
    /**
     * Value of current active tab.
     */
    value: number;
    /**
     * Callback fired  when user selects a tab either via click or keyboard event.
     */
    onChange: (event: React.MouseEvent<HTMLLIElement>, index: number) => void;
    /**
     * Size of tabs
     */
    size?: TabsSliderSize | ResponsiveProp<TabsSliderSize>;
    /**
     * NOTE: This prop is locked to a value  of 'grey-100' and will not be passed down to the underlying Box
     */
    background?: BoxProps['background'];
    /**
     * NOTE: This prop is locked to a value based on the 'size' prop and will not be passed down to the underlying Box.
     */
    radius?: BoxProps['radius'];
    /**
     * NOTE: This prop is locked to a value of 'auto' and will not be passed down to the underlying Box.
     */
    overflow?: BoxProps['overflow'];
}
declare const TabsSliderBaseComponent: React.FC<TabsSliderProps>;
export interface TabsSliderStatic {
    Item: typeof TabItem;
}
export declare type TabsSliderWithStaticComponents = typeof TabsSliderBaseComponent & TabsSliderStatic;
export declare const TabsSlider: TabsSliderWithStaticComponents;
export {};