import { jsx as _jsx } from "react/jsx-runtime";
import MuiList from '@mui/material/List';
import { PageDotOutlineMd } from '../../../../icons/PageDotOutlineMd';
import { ItemButton } from '../ItemButton';
export const List = (props) => {
    const { collapsedIn, items } = props;
    return (_jsx(MuiList, { disablePadding: true, children: items.map((item) => {
            const [key, value] = item;
            const { text, active, component, counter } = value;
            return (_jsx("li", { children: _jsx(ItemButton, { collapsedIn: collapsedIn, selected: active, text: text, icon: _jsx(PageDotOutlineMd, {}), component: component, counter: counter, isNested: true }) }, key));
        }) }));
};
