@wordpress/editor/build/components/document-outline/item.js

Enhanced block editor for WordPress posts.

"use strict";

var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
Object.defineProperty(exports, "__esModule", {
  value: true
});
exports.default = void 0;
var _clsx = _interopRequireDefault(require("clsx"));
var _jsxRuntime = require("react/jsx-runtime");
/**
 * External dependencies
 */

const TableOfContentsItem = ({
  children,
  isValid,
  level,
  href,
  onSelect
}) => /*#__PURE__*/(0, _jsxRuntime.jsx)("li", {
  className: (0, _clsx.default)('document-outline__item', `is-${level.toLowerCase()}`, {
    'is-invalid': !isValid
  }),
  children: /*#__PURE__*/(0, _jsxRuntime.jsxs)("a", {
    href: href,
    className: "document-outline__button",
    onClick: onSelect,
    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
      className: "document-outline__emdash",
      "aria-hidden": "true"
    }), /*#__PURE__*/(0, _jsxRuntime.jsx)("strong", {
      className: "document-outline__level",
      children: level
    }), /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
      className: "document-outline__item-content",
      children: children
    })]
  })
});
var _default = exports.default = TableOfContentsItem;
//# sourceMappingURL=item.js.map