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

React design system, components, and utilities

"use strict";
Object.defineProperty(exports, "__esModule", { value: true });
exports.Sidetip = void 0;
const React = require("react");
const nano_theme_1 = require("nano-theme");
const blockClass = (0, nano_theme_1.rule)({
    ...nano_theme_1.theme.font.ui3.mid,
    fz: '15px',
    letterSpacing: '-0.025em',
});
const blockSmallClass = (0, nano_theme_1.rule)({
    ...nano_theme_1.theme.font.ui1.mid,
    fz: '13px',
});
const useBlockClass = (0, nano_theme_1.makeRule)((theme) => ({
    col: theme.g(0.7),
}));
const Sidetip = ({ small, children }) => {
    const dynamicBlockClass = useBlockClass();
    return React.createElement("span", { className: blockClass + (small ? blockSmallClass : '') + dynamicBlockClass }, children);
};
exports.Sidetip = Sidetip;