import { types } from "typestyle";
import { SpacingSettings } from "@omnia/fx-models";
import { Theming } from "@omnia/fx/ux";
import { NotificationPanelCustomColorModel, NoficationPanelDisplaySettings } from "../NotificationPanel";
export declare const NotificationPanelStyles: {
    component?: types.NestedCSSProperties;
    getblockheaderstyle?: (showtitle: boolean, color: string, bgcolor: string, padding: SpacingSettings, margin: SpacingSettings) => types.NestedCSSProperties;
    setColor?: (color: any) => types.NestedCSSProperties;
    setTabIconColor?: (color: string) => types.NestedCSSProperties;
    setCustomColor?: (customColors: NotificationPanelCustomColorModel) => types.NestedCSSProperties;
    setBackgroundColor?: (color: string) => types.NestedCSSProperties;
    tabHeight?: types.NestedCSSProperties;
    badgeIcon?: types.NestedCSSProperties;
    tabItem?: types.NestedCSSProperties;
    setCategoryTabWidth?: (categoriesPerRow: number) => types.NestedCSSProperties;
    buttonOutline?: types.NestedCSSProperties;
    createColorSchemaForTabs: (customColors: NotificationPanelCustomColorModel, theming: Theming) => types.NestedCSSProperties;
    createTabItemStyling: (displaySettings: NoficationPanelDisplaySettings, index: number, items: number, isAccessibilityMode: boolean) => types.NestedCSSProperties;
    createTabItemMediaQuery?: () => types.MediaQuery;
    centerText?: types.NestedCSSProperties;
    verticalSliderStyle?: (sliderColor: string) => types.NestedCSSProperties;
    wrapper?: (backgroundColor: string) => types.NestedCSSProperties;
    tooltipContentWrapper?: (iconAndText: boolean) => types.NestedCSSProperties;
};