import { Colors } from '@parlor/ui/theme';
export declare const useStyles: (data?: {
    bgColor: Colors;
    color: Colors;
} & {
    theme?: {
        widgetWidgetSideBar: 396;
        postSidebar: 400;
        widePostSidebar: 650;
        needSidebar: 550;
        desiredOutcomeSidebar: 1122;
        taskSidebar: 850;
        ticketSidebar: 550;
        surveyResponse: 550;
        followUpQuestion: 550;
        sidebarWidth: {
            readonly standard: 650;
            readonly xSmall: 396;
            readonly small: 550;
            readonly large: 850;
            readonly xLarge1: 1122;
            readonly xLarge2: 1140;
        };
        bg: Colors.bg;
        bgDark: Colors.bgDark;
        black: Colors.black;
        black10: Colors.black10;
        black15: Colors.black15;
        black20: Colors.black20;
        black26: Colors.black26;
        black50: Colors.black50;
        blue1: Colors.blue1;
        blue2: Colors.blue2;
        blue3: Colors.blue3;
        blue4: Colors.blue4;
        blue5: Colors.blue5;
        blue6: Colors.blue6;
        buttonDisabled: Colors.buttonDisabled;
        buttonHover: Colors.buttonHover;
        darkBlue: Colors.darkBlue;
        dodgerBlue: Colors.dodgerBlue;
        gold1: Colors.gold1;
        gold2: Colors.gold2;
        gray1: Colors.gray1;
        gray2: Colors.gray2;
        gray3: Colors.gray3;
        gray4: Colors.gray4;
        gray5: Colors.gray5;
        gray50: Colors.gray50;
        green1: Colors.green1;
        green2: Colors.green2;
        green3: Colors.green3;
        green4: Colors.green4;
        green5: Colors.green5;
        navy1: Colors.buttonHover;
        navy2: Colors.navy2;
        navy3: Colors.navy3;
        navy4: Colors.navy4;
        navy5: Colors.navy5;
        navy50: Colors.navy50;
        red1: Colors.red1;
        red2: Colors.red2;
        red3: Colors.red3;
        red4: Colors.red4;
        red5: Colors.red5;
        white: Colors.white;
        widgetAlert: Colors.widgetAlert;
        widgetAlertHover: Colors.widgetAlertHover;
        widgetBG: Colors.widgetBG;
        widgetBorder: Colors.widgetBorder;
        widgetSentimentNegative: Colors.widgetAlert;
        widgetSentimentNeutral: Colors.widgetSentimentNeutral;
        widgetSentimentPositive: Colors.widgetSentimentPositive;
        yellow1: Colors.yellow1;
        yellow2: Colors.yellow2;
        yellow3: Colors.yellow3;
        yellow4: Colors.yellow4;
        portalLocation: HTMLElement;
        fontFamily: string;
        fontFamilyMono: string;
        textColor: Colors;
        widgetPrimary: Colors;
        widgetSecondary: Colors;
        widgetPrimaryHover: string;
        widgetSecondaryHover: string;
        widgetPrimaryPreSelectHover: string;
        widgetSecondaryPreSelectHover: string;
        textColorOnPrimary: Colors;
        widgetPrimaryTextColor: Colors;
        textColorOnSecondary: Colors;
        widgetSecondaryTextColor: Colors;
        useWhiteOnPrimary: boolean;
        useWhiteOnSecondary: boolean;
    };
}) => import("jss").Classes<string>;
