"use strict";
var __importStar = (this && this.__importStar) || function (mod) {
    if (mod && mod.__esModule) return mod;
    var result = {};
    if (mod != null) for (var k in mod) if (Object.hasOwnProperty.call(mod, k)) result[k] = mod[k];
    result["default"] = mod;
    return result;
};
var __importDefault = (this && this.__importDefault) || function (mod) {
    return (mod && mod.__esModule) ? mod : { "default": mod };
};
Object.defineProperty(exports, "__esModule", { value: true });
const React = __importStar(require("react"));
const react_jss_1 = __importDefault(require("react-jss"));
const Icon_1 = require("../Icon");
const Tooltip_1 = require("../Tooltip");
var STYLE;
(function (STYLE) {
    STYLE[STYLE["LIGHT"] = 0] = "LIGHT";
    STYLE[STYLE["DARK"] = 1] = "DARK";
})(STYLE = exports.STYLE || (exports.STYLE = {}));
const styles = {
    container: {
        display: 'inline-flex',
        alignItems: 'center',
    },
    tooltip: {
        marginTop: 5,
        marginLeft: 5,
    },
    hint: {
        width: 'initial',
        maxWidth: 250,
    },
};
class HintImpl extends React.PureComponent {
    constructor(props) {
        super(props);
        this.style = {
            [STYLE.LIGHT]: 'rgba(255, 255, 255, .5)',
            [STYLE.DARK]: 'rgba(0, 0, 0, .5)',
        };
    }
    render() {
        const { classes, tooltip, style, size, children } = this.props;
        return (React.createElement("div", { className: classes.container },
            React.createElement("div", null, children),
            React.createElement(Tooltip_1.Tooltip, { className: classes.tooltip, tooltip: tooltip, hintClassname: classes.hint },
                React.createElement(Icon_1.Icon, { symbolId: Icon_1.IconSymbol.HINT, color: this.style[style], size: size }))));
    }
}
HintImpl.defaultProps = {
    style: STYLE.LIGHT,
    size: 15,
};
exports.Hint = react_jss_1.default(styles)(HintImpl);
//# sourceMappingURL=index.js.map