"use strict";
Object.defineProperty(exports, "__esModule", { value: true });
exports.getStyles = void 0;
var tslib_1 = require("tslib");
var Styling_1 = require("@fluentui/react/lib/Styling");
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: tslib_1.__assign(tslib_1.__assign({}, fonts.small), { fontWeight: Styling_1.FontWeights.semibold, backgroundColor: theme.palette.neutralQuaternary, color: theme.semanticColors.bodyText, padding: '8px', textAlign: 'left', border: "2px solid ".concat(theme.palette.neutralLighter), selectors: (_a = {},
                _a[Styling_1.HighContrastSelector] = {
                    backgroundColor: 'Window',
                    color: 'WindowText',
                },
                _a) }),
        bodyCell: tslib_1.__assign(tslib_1.__assign({}, fonts.small), { padding: '8px', border: "2px solid ".concat(theme.palette.neutralLighter), color: theme.semanticColors.bodyText, textAlign: 'left', selectors: (_b = {},
                _b[Styling_1.HighContrastSelector] = {
                    color: 'WindowText',
                },
                _b) }),
    };
};
exports.getStyles = getStyles;
//# sourceMappingURL=ChartTable.styles.js.map