import {LIMIT_CHARACTERS_OVERFLOW_STYLE} from '../helpers/characters-limit';

export const customStyleMap = {
    HIGHLIGHT: {
        display: 'inline-block',
        padding: '1px 3px',
        backgroundColor: 'rgba(255, 235, 59, 0.2)',
    },

    HIGHLIGHT_STRONG: {
        display: 'inline-block',
        padding: '1px 3px',
        backgroundColor: 'rgba(255, 235, 59, 0.8)',
    },

    COMMENT: {
        backgroundColor: 'rgba(255, 235, 59, 0.2)',
    },

    COMMENT_SELECTED: {
        backgroundColor: 'rgba(255, 235, 59, 0.6)',
    },

    ANNOTATION: {
        borderBottom: '4px solid rgba(100, 205, 0, 0.6)',
    },

    ANNOTATION_SELECTED: {
        borderBottom: '4px solid rgba(100, 205, 0, 1.0)',
    },

    STRIKETHROUGH: {
        textDecoration: 'line-through',
    },

    CODE: {
        backgroundColor: '#e6ffe6',
    },

    SUBSCRIPT: {
        verticalAlign: 'sub',
        fontSize: 'smaller',
    },

    SUPERSCRIPT: {
        verticalAlign: 'super',
        fontSize: 'smaller',
    },

    [LIMIT_CHARACTERS_OVERFLOW_STYLE]: {
        color: '#ff0000',
    },
};