import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
import { SelectFieldRaw } from "@powerhousedao/design-system/ui";
import { useCallback } from "react";
export const PackageManagerReactorSelect = (props) => {
    const { reactorOptions, reactor, onReactorChange, ...rest } = props;
    const handleChange = useCallback((value) => {
        onReactorChange(Array.isArray(value) ? value.at(-1) : value);
    }, [onReactorChange]);
    return (_jsxs("div", { ...rest, children: [_jsx("h3", { className: "mb-4 font-semibold text-gray-900", children: "Select Reactor" }), _jsx(SelectFieldRaw, { className: "min-w-36 max-w-fit", name: "reactor", required: true, value: reactor, options: reactorOptions, multiple: false, onChange: handleChange })] }));
};
//# sourceMappingURL=package-manager-select.js.map