define(["require", "exports", "tslib", "@fluentui/react/lib/Styling", "./HorizontalBarChart.types"], function (require, exports, tslib_1, Styling_1, HorizontalBarChart_types_1) {
    "use strict";
    Object.defineProperty(exports, "__esModule", { value: true });
    exports.getHorizontalBarChartStyles = void 0;
    var getHorizontalBarChartStyles = function (props) {
        var className = props.className, theme = props.theme, width = props.width, barHeight = props.barHeight, showTriangle = props.showTriangle, variant = props.variant, hideLabels = props.hideLabels;
        var palette = theme.palette;
        return {
            root: [
                {
                    display: 'flex',
                    flexDirection: 'column',
                    width: width ? width : '100%',
                },
                className,
            ],
            items: {
                marginBottom: showTriangle || variant === HorizontalBarChart_types_1.HorizontalBarChartVariant.AbsoluteScale ? '16px' : '10px',
            },
            chart: {
                width: '100%',
                height: barHeight ? barHeight : 12,
                display: 'block',
                overflow: 'visible',
            },
            barWrapper: {},
            chartTitle: tslib_1.__assign(tslib_1.__assign({}, theme.fonts.small), { display: 'flex', justifyContent: 'space-between' }),
            chartTitleLeft: {
                textOverflow: 'ellipsis',
                overflow: 'hidden',
                whiteSpace: 'nowrap',
                display: 'block',
                color: theme.palette.neutralPrimary,
                marginBottom: variant === HorizontalBarChart_types_1.HorizontalBarChartVariant.AbsoluteScale ? '4px' : '5px',
            },
            chartTitleRight: {
                fontSize: Styling_1.FontSizes.medium,
                fontWeight: Styling_1.FontWeights.semibold,
                color: theme.palette.neutralPrimary,
            },
            chartDataTextDenominator: {
                fontSize: Styling_1.FontSizes.medium,
                color: theme.palette.neutralPrimary,
            },
            benchmarkContainer: {
                position: 'relative',
                height: '7px',
                marginTop: '-3px',
                marginBottom: '-1px',
            },
            triangle: {
                width: '0',
                height: '0',
                borderLeft: '4px solid transparent',
                borderRight: '4px solid transparent',
                borderTop: '7px solid',
                borderTopColor: palette.blue,
                marginBottom: '4px',
                position: 'absolute',
            },
            barLabel: tslib_1.__assign(tslib_1.__assign({}, theme.fonts.small), { fontWeight: Styling_1.FontWeights.semibold, fill: theme.palette.neutralPrimary }),
            chartWrapper: {
                paddingRight: variant === HorizontalBarChart_types_1.HorizontalBarChartVariant.AbsoluteScale && !hideLabels ? 40 : 0,
            },
        };
    };
    exports.getHorizontalBarChartStyles = getHorizontalBarChartStyles;
});
//# sourceMappingURL=HorizontalBarChart.styles.js.map