@cerberus-design/react/dist/components/admonition/admonition.cjs

The Cerberus Design React component library.

'use strict';

Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });

const jsxRuntime = require('react/jsx-runtime');
const index = require('../../utils/index.cjs');
const show = require('../show/show.cjs');
const parts = require('./parts.cjs');
const matchAvatar = require('./match-avatar.cjs');

function Admonition(props) {
  const [elProps, styleProps, rootProps] = index.splitProps(
    props,
    ["heading", "icon", "children"],
    ["palette", "usage"]
  );
  return /* @__PURE__ */ jsxRuntime.jsxs(parts.AdmonitionParts.Root, { ...styleProps, ...rootProps, children: [
    /* @__PURE__ */ jsxRuntime.jsx(
      show.Show,
      {
        when: elProps.icon,
        fallback: /* @__PURE__ */ jsxRuntime.jsx(matchAvatar.MatchAvatar, { palette: styleProps.palette }),
        children: /* @__PURE__ */ jsxRuntime.jsx(parts.AdmonitionParts.Indicator, { children: elProps.icon })
      }
    ),
    /* @__PURE__ */ jsxRuntime.jsxs(parts.AdmonitionParts.Content, { children: [
      /* @__PURE__ */ jsxRuntime.jsx(show.Show, { when: elProps.heading, children: /* @__PURE__ */ jsxRuntime.jsx(parts.AdmonitionParts.Heading, { children: elProps.heading }) }),
      /* @__PURE__ */ jsxRuntime.jsx(parts.AdmonitionParts.Description, { children: elProps.children })
    ] })
  ] });
}

exports.Admonition = Admonition;