'use client';


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

//#region src/components/IDE/CodeFormatSelector.tsx
const CodeFormatSelector = () => {
	const { codeFormat, setCodeFormat, setContentDeclarationFormat } = useCodeContext();
	return /* @__PURE__ */ jsxs(Select, {
		value: codeFormat,
		onValueChange: (value) => {
			setCodeFormat(value);
			setContentDeclarationFormat(value);
		},
		children: [/* @__PURE__ */ jsx(Select.Trigger, { children: /* @__PURE__ */ jsx(Select.Value, { placeholder: "Code Format" }) }), /* @__PURE__ */ jsxs(Select.Content, { children: [
			/* @__PURE__ */ jsx(Select.Item, {
				value: "typescript",
				children: "TypeScript"
			}),
			/* @__PURE__ */ jsx(Select.Item, {
				value: "esm",
				children: "ESM"
			}),
			/* @__PURE__ */ jsx(Select.Item, {
				value: "commonjs",
				children: "CommonJS"
			})
		] })]
	});
};

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