'use client';


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

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

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