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

A highly composable side navigation component that supports nested views.

import _extends from "@babel/runtime/helpers/extends";
import React from 'react';
import SkelItem from '@atlaskit/menu/skeleton-item';
import { useShouldNestedElementRender } from '../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.
 */
export var SkeletonItem = function SkeletonItem(props) {
  var _useShouldNestedEleme = useShouldNestedElementRender(),
    shouldRender = _useShouldNestedEleme.shouldRender;
  if (!shouldRender) {
    return null;
  }
  return /*#__PURE__*/React.createElement(SkelItem, _extends({
    isSideNavSkeleton: true
    // eslint-disable-next-line @repo/internal/react/no-unsafe-spread-props
  }, props));
};