"use client";
import { FormControl as e } from "../ui/forms/FormControl.js";
import { Radio as t } from "../ui/forms/radios/Radio.js";
import { RadioGroup as n } from "../ui/forms/radios/RadioGroup.js";
import { useState as r } from "react";
import { jsx as i, jsxs as a } from "react/jsx-runtime";
//#region lib/examples/radio-group-demo.tsx
function o() {
	let [o, s] = r("option1");
	return /* @__PURE__ */ i(e, {
		label: "Choose an option",
		id: "demo-radio-group",
		children: /* @__PURE__ */ a(n, {
			value: o,
			onChange: (e, t) => s(t),
			name: "demo-radio-group",
			"aria-labelledby": "demo-radio-group",
			children: [
				/* @__PURE__ */ i(t, {
					value: "option1",
					children: "Option 1"
				}),
				/* @__PURE__ */ i(t, {
					value: "option2",
					children: "Option 2"
				}),
				/* @__PURE__ */ i(t, {
					value: "option3",
					children: "Option 3"
				})
			]
		})
	});
}
//#endregion
export { o as default };

//# sourceMappingURL=radio-group-demo.js.map