import { __assign } from "tslib";
import { HighContrastSelector } from '@fluentui/react';
export var getStyles = function (props) {
    var _a, _b, _c, _d, _e;
    return {
        root: [
            props.theme.spacing,
            'ms-TreeChart',
            props.className,
            {
                overflow: 'scroll',
            },
        ],
        link: {
            fill: 'none',
            stroke: props.theme.palette.neutralSecondary,
            strokeWidth: '2px',
        },
        rectNode: {
            strokeWidth: '2px',
            fill: props.theme.semanticColors.bodyBackground,
            padding: '10px',
            rx: '2px',
            selectors: (_a = {},
                _a[HighContrastSelector] = {
                    fill: 'Canvas',
                },
                _a),
        },
        rectText: __assign(__assign({ fill: props.theme.palette.neutralDark }, props.theme.fonts.large), { selectors: (_b = {},
                _b[HighContrastSelector] = {
                    fill: 'CanvasText',
                },
                _b) }),
        rectSubText: __assign(__assign({ fill: props.theme.palette.neutralPrimary }, props.theme.fonts.medium), { selectors: (_c = {},
                _c[HighContrastSelector] = {
                    fill: 'CanvasText',
                },
                _c) }),
        rectBodyText: __assign(__assign({ fill: props.theme.palette.neutralPrimaryAlt }, props.theme.fonts.xSmall), { selectors: (_d = {},
                _d[HighContrastSelector] = {
                    fill: 'CanvasText',
                },
                _d) }),
        rectMetricText: __assign(__assign({ fill: props.theme.palette.neutralDark }, props.theme.fonts.xLarge), { selectors: (_e = {},
                _e[HighContrastSelector] = {
                    fill: 'CanvasText',
                },
                _e) }),
    };
};
//# sourceMappingURL=TreeChart.styles.js.map