import { color, constants, style } from '../common';
const { CSS } = constants;
const COLORS = {
    HEADER: {
        SELECTED: color.format(-0.18),
        SELECTED_CELL: color.format(-0.1),
    },
};
const HEADER = {
    COLUMN: '.ht_clone_top table.htCore thead th',
    ROW: '.ht_clone_left table.htCore tbody th',
};
const STYLES = {
    [`${HEADER.COLUMN}.ht__highlight`]: {
        backgroundColor: COLORS.HEADER.SELECTED_CELL,
    },
    [`${HEADER.COLUMN}.ht__highlight.ht__active_highlight`]: {
        backgroundColor: COLORS.HEADER.SELECTED,
    },
    [`${HEADER.ROW}.ht__highlight`]: {
        backgroundColor: COLORS.HEADER.SELECTED_CELL,
    },
    [`${HEADER.ROW}.ht__highlight.ht__active_highlight`]: {
        backgroundColor: COLORS.HEADER.SELECTED,
    },
};
style.global(STYLES, { prefix: `.${CSS.CLASS.GRID.BASE}.handsontable` });
