@atlaskit/side-navigation/dist/cjs/components/Section/skeleton-heading-item.js

A highly composable side navigation component that supports nested views.

/* skeleton-heading-item.tsx generated by @compiled/babel-plugin v3.0.2 */
"use strict";

var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
Object.defineProperty(exports, "__esModule", {
  value: true
});
exports.SkeletonHeadingItem = void 0;
require("./skeleton-heading-item.compiled.css");
var _runtime = require("@compiled/react/runtime");
var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
var _react = _interopRequireDefault(require("react"));
var _skeletonHeadingItem = _interopRequireDefault(require("@atlaskit/menu/skeleton-heading-item"));
var _useShouldNestedElementRender = require("../NestableNavigationContent/use-should-nested-element-render");
var styles = {
  root: "_18zru2gc"
};

/**
 * @deprecated `@atlaskit/side-navigation` is deprecated. Use `@atlaskit/navigation-system` instead.
 */

/**
 * __Skeleton heading item__
 *
 * A skeleton heading item for use in managing loading states.
 *
 * - [Examples](https://atlassian.design/components/side-navigation/examples#loading)
 *
 * @deprecated `@atlaskit/side-navigation` is deprecated. Use `@atlaskit/navigation-system` instead.
 */
var SkeletonHeadingItem = exports.SkeletonHeadingItem = function SkeletonHeadingItem(props) {
  var _useShouldNestedEleme = (0, _useShouldNestedElementRender.useShouldNestedElementRender)(),
    shouldRender = _useShouldNestedEleme.shouldRender;
  if (!shouldRender) {
    return null;
  }
  return /*#__PURE__*/_react.default.createElement(_skeletonHeadingItem.default, (0, _extends2.default)({
    xcss: styles.root
    // eslint-disable-next-line @repo/internal/react/no-unsafe-spread-props
  }, props));
};