import { jsx as _jsx } from "react/jsx-runtime";
import { Wrapper } from './styles';
import { useLogic } from './useLogic';
export const TreeItem = (props) => {
    const { item, renderItem, classname, onAnimationEnd } = useLogic(props);
    const { nodeId, level, siblingIndex } = item.meta;
    return (_jsx(Wrapper, { id: nodeId, className: classname, "$level": level, "$siblingIndex": siblingIndex, onAnimationEnd: onAnimationEnd, children: renderItem(item) }));
};
