"use client";
import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
import { Checkbox } from "../../components/ui/checkbox";
export function TreeOptions({ showDisplayNames, toggleDisplayNames, }) {
    return (_jsxs(_Fragment, { children: [_jsx("div", { className: "px-2 py-1.5 text-xs font-medium text-muted-foreground", children: "Tree Display" }), _jsxs("label", { className: "flex cursor-pointer items-center gap-2 rounded px-2 py-1.5 hover:bg-accent", onClick: (e) => e.stopPropagation(), children: [_jsx(Checkbox, { checked: showDisplayNames, onCheckedChange: toggleDisplayNames }), _jsx("span", { className: "text-xs", children: "Show display names" })] })] }));
}
export default TreeOptions;
//# sourceMappingURL=TreeOptions.js.map