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

A highly composable side navigation component that supports nested views.

"use strict";

var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
Object.defineProperty(exports, "__esModule", {
  value: true
});
exports.SkeletonItem = void 0;
var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
var _react = _interopRequireDefault(require("react"));
var _skeletonItem = _interopRequireDefault(require("@atlaskit/menu/skeleton-item"));
var _useShouldNestedElementRender = require("../NestableNavigationContent/use-should-nested-element-render");
/**
 * __Skeleton item__
 *
 * A skeleton item can be used to reduce the perceived loading time.
 *
 * - [Examples](https://atlassian.design/components/side-navigation/examples#loading)
 * - [Code](https://atlassian.design/components/side-navigation/code)
 *
 * @deprecated `@atlaskit/side-navigation` is deprecated. Use `@atlaskit/navigation-system` instead.
 */
var SkeletonItem = exports.SkeletonItem = function SkeletonItem(props) {
  var _useShouldNestedEleme = (0, _useShouldNestedElementRender.useShouldNestedElementRender)(),
    shouldRender = _useShouldNestedEleme.shouldRender;
  if (!shouldRender) {
    return null;
  }
  return /*#__PURE__*/_react.default.createElement(_skeletonItem.default, (0, _extends2.default)({
    isSideNavSkeleton: true
    // eslint-disable-next-line @repo/internal/react/no-unsafe-spread-props
  }, props));
};