nice-ui
Version:
React design system, components, and utilities
29 lines (28 loc) • 986 B
JavaScript
;
Object.defineProperty(exports, "__esModule", { value: true });
const React = require("react");
const nano_theme_1 = require("nano-theme");
const HighlightCode_1 = require("../../../1-inline/HighlightCode");
const blockClass = (0, nano_theme_1.rule)({
d: 'inline-block',
bdrad: '4px',
mar: '0 1px !important',
pad: '0px 0.33em !important',
trs: 'background .1s',
cur: 'alias',
fz: '0.9em',
});
const LanguageInlineCode = ({ value, lang, className = '', ...rest }) => {
const dynamicBlockClass = (0, nano_theme_1.useRule)((theme) => ({
bg: theme.g(0, 0.03),
'&:hover': {
bg: theme.g(0, 0.05),
},
'&:active': {
bg: theme.g(0, 0.08),
},
}));
return (React.createElement("span", { ...rest, className: className + blockClass + dynamicBlockClass },
React.createElement(HighlightCode_1.default, { code: value, lang: lang })));
};
exports.default = LanguageInlineCode;