"use strict";
Object.defineProperty(exports, "__esModule", { value: true });
exports.TextIcon = void 0;
const tslib_1 = require("tslib");
const jsx_runtime_1 = require("react/jsx-runtime");
const styled_components_1 = tslib_1.__importDefault(require("styled-components"));
const UIStyleConstants_1 = require("@appglue/common/dist/Common/UIStyleConstants");
const TextIconDiv = (0, styled_components_1.default)("div") `
    font-size: 10px;
    border: 1px solid #1d6295;
    border-radius: 5px;
    background: ${UIStyleConstants_1.UIStyleConstants.WHITE_COLOR};
    color: #1d6295;
    width: ${(props) => props.width || 24}px;
    height: ${(props) => props.height || 24}px;
    line-height: ${(props) => (props.height ? props.height - 2 : 22)}px;
    text-align: center;
    justify-content: center;
    align-content: center;
`;
const TextIcon = function (props) {
    return ((0, jsx_runtime_1.jsx)(TextIconDiv, { height: props.height, width: props.width, children: props.name }));
};
exports.TextIcon = TextIcon;
//# sourceMappingURL=TextIcon.js.map