import { __assign } from "tslib";
import { FontWeights, HighContrastSelector } from '@fluentui/react/lib/Styling';
export var getStyles = function (props) {
    var _a, _b;
    var theme = props.theme;
    var fonts = theme.fonts;
    return {
        root: {
            width: '100%',
            overflowX: 'auto',
        },
        table: {
            borderCollapse: 'collapse',
        },
        headerCell: __assign(__assign({}, fonts.small), { fontWeight: FontWeights.semibold, backgroundColor: theme.palette.neutralQuaternary, color: theme.semanticColors.bodyText, padding: '8px', textAlign: 'left', border: "2px solid ".concat(theme.palette.neutralLighter), selectors: (_a = {},
                _a[HighContrastSelector] = {
                    backgroundColor: 'Window',
                    color: 'WindowText',
                },
                _a) }),
        bodyCell: __assign(__assign({}, fonts.small), { padding: '8px', border: "2px solid ".concat(theme.palette.neutralLighter), color: theme.semanticColors.bodyText, textAlign: 'left', selectors: (_b = {},
                _b[HighContrastSelector] = {
                    color: 'WindowText',
                },
                _b) }),
    };
};
//# sourceMappingURL=ChartTable.styles.js.map