import { jsx as _jsx } from "react/jsx-runtime";
import { memo } from 'react';
import { Menu } from '@redocly/theme/components/Menu/Menu';
import { useMenuItems } from './hooks/useMenuItems.js';
import { styled } from '../../styled-components.js';
const SideMenuComponent = ({ items, className }) => {
    const menuItems = useMenuItems({ items });
    return (_jsx(MenuWrapper, { className: className, children: _jsx(Menu, { items: menuItems }) }));
};
export const SideMenu = memo(SideMenuComponent);
export const MenuWrapper = styled.div `
  overflow: auto;
`;
//# sourceMappingURL=SideMenu.js.map