@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,
  isDisabled,
  level,
  href,
  onSelect
}) => {
  function handleClick(event) {
    if (isDisabled) {
      event.preventDefault();
      return;
    }
    onSelect();
  }
  return /*#__PURE__*/(0, _jsxRuntime.jsx)("li", {
    className: (0, _clsx.default)('document-outline__item', `is-${level.toLowerCase()}`, {
      'is-invalid': !isValid,
      'is-disabled': isDisabled
    }),
    children: /*#__PURE__*/(0, _jsxRuntime.jsxs)("a", {
      href: href,
      className: "document-outline__button",
      "aria-disabled": isDisabled,
      onClick: handleClick,
      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