define(["require", "exports", "tslib", "@fluentui/react/lib/Styling", "@fluentui/react"], function (require, exports, tslib_1, Styling_1, react_1) {
    "use strict";
    Object.defineProperty(exports, "__esModule", { value: true });
    exports.getMarkerLabelStyle = exports.getBarLabelStyle = exports.getAxisTitleStyle = exports.getTooltipStyle = void 0;
    var getTooltipStyle = function (theme) {
        return tslib_1.__assign(tslib_1.__assign({}, theme.fonts.medium), { display: 'flex', flexDirection: 'column', padding: '8px', position: 'absolute', textAlign: 'center', top: '0px', background: theme.semanticColors.bodyBackground, borderRadius: '2px', pointerEvents: 'none', color: theme.semanticColors.bodyText });
    };
    exports.getTooltipStyle = getTooltipStyle;
    var getAxisTitleStyle = function (theme, font) {
        var _a;
        return [
            font,
            (_a = {
                    textAlign: 'center',
                    fontWeight: Styling_1.FontWeights.semibold,
                    fontStyle: 'normal',
                    lineHeight: Styling_1.FontSizes.medium,
                    color: react_1.NeutralColors.gray160,
                    fill: theme.semanticColors.bodyText
                },
                _a[Styling_1.HighContrastSelector] = {
                    fill: 'CanvasText',
                },
                _a),
        ];
    };
    exports.getAxisTitleStyle = getAxisTitleStyle;
    var getBarLabelStyle = function (theme) {
        var _a;
        return {
            fontSize: Styling_1.FontSizes.small,
            fontWeight: Styling_1.FontWeights.semibold,
            fill: theme.palette.neutralPrimary,
            selectors: (_a = {},
                _a[Styling_1.HighContrastSelector] = {
                    fill: 'CanvasText',
                },
                _a),
        };
    };
    exports.getBarLabelStyle = getBarLabelStyle;
    var getMarkerLabelStyle = function (theme) {
        var _a;
        return {
            fontSize: Styling_1.FontSizes.medium,
            fill: theme.semanticColors.bodyText,
            textAnchor: 'middle',
            selectors: (_a = {},
                _a[Styling_1.HighContrastSelector] = {
                    fill: 'CanvasText',
                },
                _a),
        };
    };
    exports.getMarkerLabelStyle = getMarkerLabelStyle;
});
//# sourceMappingURL=Common.styles.js.map