import { jsx as _jsx } from "react/jsx-runtime";
import { List } from './styles';
import { TreeItem } from './TreeItem';
import { useLogic } from './useLogic';
const INITIAL_LEVEL = 0;
export const MultipleTreeList = ({ data, value, className, expandedLevel = 10, disabledItems, ...props }) => {
    const { formattedDisabledItems } = useLogic({ disabledItems });
    return (_jsx(List, { className: className, children: data.map((item) => (_jsx(TreeItem, { item: item, value: value, level: INITIAL_LEVEL, expandedLevel: expandedLevel, disabledItems: formattedDisabledItems, ...props }, item.id))) }));
};
