"use client";
import { Radio as e } from "../ui/forms/radios/Radio.js";
import { useState as t } from "react";
import { jsx as n, jsxs as r } from "react/jsx-runtime";
//#region lib/examples/radio-demo.tsx
function i() {
	let [i, a] = t("");
	return /* @__PURE__ */ r("div", {
		className: "flex flex-col gap-8",
		children: [
			/* @__PURE__ */ n(e, {
				name: "option",
				value: "option1",
				checked: i === "option1",
				onChange: (e, t) => a(t),
				children: "Option 1"
			}),
			/* @__PURE__ */ n(e, {
				name: "option",
				value: "option2",
				checked: i === "option2",
				onChange: (e, t) => a(t),
				children: "Option 2"
			}),
			/* @__PURE__ */ n(e, {
				name: "option",
				value: "option3",
				checked: i === "option3",
				onChange: (e, t) => a(t),
				children: "Option 3"
			})
		]
	});
}
//#endregion
export { i as default };

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