import { FontWeights, HighContrastSelector, HighContrastSelectorBlack } from '@fluentui/react/lib/Styling';
export var getChartHoverCardStyles = function (props) {
    var _a, _b, _c;
    var color = props.color, XValue = props.XValue, theme = props.theme, _d = props.isRatioPresent, isRatioPresent = _d === void 0 ? false : _d;
    return {
        calloutContentRoot: [
            {
                display: 'grid',
                overflow: 'hidden',
                padding: '11px 16px 10px 16px',
                backgroundColor: theme.semanticColors.bodyBackground,
                backgroundBlendMode: 'normal, luminosity',
            },
        ],
        calloutDateTimeContainer: {
            display: 'flex',
            flexDirection: 'row',
            justifyContent: 'space-between',
        },
        calloutContentX: [
            theme.fonts.small,
            {
                lineHeight: '16px',
                opacity: '0.85',
                color: theme.semanticColors.bodySubtext,
            },
        ],
        calloutBlockContainer: [
            theme.fonts.xxLarge,
            {
                marginTop: XValue ? '13px' : 'unset',
                paddingLeft: '8px',
                lineHeight: '22px',
                color: theme.semanticColors.bodyText,
                borderLeft: "4px solid ".concat(color),
                selectors: (_a = {},
                    _a[HighContrastSelector] = {
                        forcedColorAdjust: 'none',
                    },
                    _a),
            },
        ],
        calloutlegendText: [
            theme.fonts.small,
            {
                lineHeight: '16px',
                color: theme.semanticColors.bodyText,
                selectors: (_b = {},
                    _b[HighContrastSelectorBlack] = {
                        color: 'rgb(255, 255, 255)',
                    },
                    _b),
            },
        ],
        calloutContentY: [
            theme.fonts.xxLarge,
            {
                color: color ? color : theme.semanticColors.bodyText,
                fontWeight: 'bold',
                lineHeight: '36px',
                selectors: (_c = {},
                    _c[HighContrastSelectorBlack] = {
                        color: 'rgb(255, 255, 255)',
                    },
                    _c),
            },
        ],
        calloutInfoContainer: [
            isRatioPresent && {
                display: 'flex',
                alignItems: 'flex-end',
            },
        ],
        ratio: [
            theme.fonts.small,
            {
                marginLeft: '6px',
                color: theme.semanticColors.bodyText,
            },
        ],
        numerator: {
            fontWeight: FontWeights.bold,
        },
        denominator: {
            fontWeight: FontWeights.semibold,
        },
        descriptionMessage: [
            theme.fonts.small,
            {
                color: theme.semanticColors.bodyText,
                marginTop: '10px',
                paddingTop: '10px',
                borderTop: "1px solid ".concat(theme.semanticColors.menuDivider),
            },
        ],
    };
};
//# sourceMappingURL=ChartHoverCard.styles.js.map