import { jsx as _jsx } from "react/jsx-runtime";
import { ConnectSelect } from "../../select/select.js";
export function Scope(props) {
    const { value, onChange } = props;
    const items = [
        { displayValue: "Global scope", value: "global" },
        { displayValue: "Local scope", value: "local" },
    ];
    return (_jsx(ConnectSelect, { absolutePositionMenu: true, containerClassName: "bg-slate-50 text-gray-500 rounded-lg w-fit text-xs z-10", id: "scope select", itemClassName: "py-2 text-gray-500 grid grid-cols-[auto,auto] gap-1", items: items, menuClassName: "min-w-0 text-gray-500", onChange: onChange, value: value }));
}
//# sourceMappingURL=scope.js.map