@shopgate/engage/components/SideNavigation/SideNavigationCategoriesItemChildren.js

Shopgate's ENGAGE library.

import React from 'react';
import PropTypes from 'prop-types';
// eslint-disable-next-line import/no-cycle
import SideNavigationCategoriesItem from "./SideNavigationCategoriesItem";

/**
 * The SideNavigationCategoriesItemChildren component.
 * @param {Object} props The component props.
 * @param {Array} props.subcategories The list of subcategories.
 * @param {number} props.level The current nesting level.
 * @returns {JSX.Element} The rendered component.
 */
import { jsx as _jsx } from "react/jsx-runtime";
const SideNavigationCategoriesItemChildren = ({
  subcategories,
  level
}) => /*#__PURE__*/_jsx("ul", {
  children: subcategories.map(category => /*#__PURE__*/_jsx(SideNavigationCategoriesItem, {
    level: level,
    categoryId: category.id
  }, category.id))
});
export default SideNavigationCategoriesItemChildren;