'use client';


import { Select } from "../Select/Select.mjs";
import { useCodeContext } from "./CodeContext.mjs";
import { jsx, jsxs } from "react/jsx-runtime";

//#region src/components/IDE/PackageManagerSelector.tsx
const PackageManagerSelector = () => {
	const { packageManager, setPackageManager } = useCodeContext();
	return /* @__PURE__ */ jsxs(Select, {
		value: packageManager,
		onValueChange: setPackageManager,
		children: [/* @__PURE__ */ jsx(Select.Trigger, { children: /* @__PURE__ */ jsx(Select.Value, { placeholder: "Package Manager" }) }), /* @__PURE__ */ jsxs(Select.Content, { children: [
			/* @__PURE__ */ jsx(Select.Item, {
				value: "npm",
				children: "npm"
			}),
			/* @__PURE__ */ jsx(Select.Item, {
				value: "pnpm",
				children: "pnpm"
			}),
			/* @__PURE__ */ jsx(Select.Item, {
				value: "yarn",
				children: "yarn"
			}),
			/* @__PURE__ */ jsx(Select.Item, {
				value: "bun",
				children: "bun"
			})
		] })]
	});
};

//#endregion
export { PackageManagerSelector };
//# sourceMappingURL=PackageManagerSelector.mjs.map