'use client';

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

//#region src/components/IDE/PackageManagerSelector.tsx
const PackageManagerSelector = () => {
	const { packageManager, setPackageManager } = useCodeContext();
	const content = useIntlayer("code-selectors");
	useIntlayer("code-selectors");
	return /* @__PURE__ */ jsxs(Select, {
		value: packageManager,
		onValueChange: setPackageManager,
		children: [/* @__PURE__ */ jsx(Select.Trigger, {
			className: "py-1!",
			"aria-label": content.packageManager.label.value,
			children: /* @__PURE__ */ jsx(Select.Value, { placeholder: content.packageManager.placeholder.value })
		}), /* @__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