nice-ui/lib/1-inline/CharIcon/index.js

React design system, components, and utilities

"use strict";
Object.defineProperty(exports, "__esModule", { value: true });
exports.CharIcon = void 0;
const React = require("react");
const nano_theme_1 = require("nano-theme");
const context_1 = require("../../styles/context");
const blockClass = (0, nano_theme_1.drule)({
    textAlign: 'center',
    verticalAlign: 'middle',
    bdrad: '15%',
});
const CharIcon = ({ size = 16, children }) => {
    const styles = (0, context_1.useStyles)();
    const style = {
        background: styles.col.g(2, { A: 50 }),
        width: size,
        height: size,
        fontSize: 0.9 * size,
        lineHeight: `${size}px`,
    };
    return (React.createElement("span", { className: blockClass({ ...styles.txt.get('mono', 'bold', 1) }), style: style }, children));
};
exports.CharIcon = CharIcon;