@mantine/code-highlight
Version:
Code highlight with Mantine theme
41 lines (40 loc) • 1.67 kB
JavaScript
"use client";
const require_CodeHighlight_module = require("../CodeHighlight.module.cjs");
const require_CodeHighlight = require("./CodeHighlight.cjs");
let _mantine_core = require("@mantine/core");
let react_jsx_runtime = require("react/jsx-runtime");
//#region packages/@mantine/code-highlight/src/CodeHighlight/InlineCodeHighlight.tsx
const varsResolver = (0, _mantine_core.createVarsResolver)((theme, { background, radius }) => ({ inlineCodeHighlight: {
"--ch-background": background ? (0, _mantine_core.getThemeColor)(background, theme) : void 0,
"--ch-radius": typeof radius !== "undefined" ? (0, _mantine_core.getRadius)(radius) : void 0
} }));
const InlineCodeHighlight = (0, _mantine_core.factory)((_props) => {
const props = (0, _mantine_core.useProps)("InlineCodeHighlight", null, _props);
const { classNames, className, style, styles, unstyled, vars, attributes, ref, ...others } = props;
const getStyles = (0, _mantine_core.useStyles)({
name: "InlineCodeHighlight",
classes: require_CodeHighlight_module.default,
props,
className,
style,
classNames,
styles,
unstyled,
attributes,
vars,
varsResolver,
rootSelector: "inlineCodeHighlight"
});
return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_CodeHighlight.CodeHighlight, {
...others,
ref,
...getStyles("inlineCodeHighlight"),
__inline: true
});
});
InlineCodeHighlight.displayName = "@mantine/code-highlight/InlineCodeHighlight";
InlineCodeHighlight.classes = require_CodeHighlight_module.default;
InlineCodeHighlight.varsResolver = varsResolver;
//#endregion
exports.InlineCodeHighlight = InlineCodeHighlight;
//# sourceMappingURL=InlineCodeHighlight.cjs.map