import { ItemType } from '../../../types';
import { TeamsSchemeMappingWithAreas } from '../../types';
export declare const menuColorAreas: ("border" | "foregroundHover" | "backgroundHover" | "foregroundActive" | "backgroundActive" | "borderActive" | "foregroundFocus" | "backgroundFocus" | "foregroundDisabled")[];
export declare type MenuColorSchemeMapping = TeamsSchemeMappingWithAreas<ItemType<typeof menuColorAreas>>;
export interface CarouselNavigationVariables {
    width: number;
    colorScheme: MenuColorSchemeMapping;
    color: string;
    backgroundColor: string;
    backgroundColorFocus: string;
    backgroundColorHover: string;
    backgroundColorActive: string;
    borderColor: string;
    borderColorActive: string;
    borderColorFocus: string;
    outlineColorFocus: string;
    colorActive: string;
    iconOnlyColorActive: string;
    lineHeightBase: string;
    horizontalPadding: string;
    verticalBackgroundColor: string;
    verticalItemPadding: string;
    verticalItemBorderWidth: string;
    verticalItemBorderColor: string;
    verticalBackgroundColorFocus: string;
    primaryBorderColor: string;
    indicatorBackgroundColor: string;
    indicatorActiveBackgroundColor: string;
    borderWidth: string;
    thumbnailWidth: number;
}
export declare const carouselNavigationVariables: (siteVars: any) => CarouselNavigationVariables;