import { jsx as _jsx } from "react/jsx-runtime";
import { e } from "./treeviewBem.js";
import { makeItemId } from "./utils.js";
/**
 * @internal
 */
export function UiTreeviewRoot(props) {
    const { handleKeyDown, children, ariaAttributes, path } = props;
    return (_jsx("div", { ...ariaAttributes, className: e("root"), tabIndex: ariaAttributes.tabIndex ?? 0, onKeyDown: handleKeyDown, role: "tree", "aria-activedescendant": makeItemId(ariaAttributes.id, path), children: children }));
}
//# sourceMappingURL=UiTreeviewRoot.js.map