import { t as e } from "../../../chunks/clsx.js";
import { useId as t } from "react";
import { jsx as n, jsxs as r } from "react/jsx-runtime";
//#region lib/ui/forms/radios/Radio.tsx
function i(i) {
	let a = t(), { id: o = a, name: s = o, className: c, dataTestId: l, disabled: u, size: d = 24, tabIndex: f = 0, children: p, onChange: m, ...h } = i;
	return /* @__PURE__ */ r("label", {
		className: e(c, "relative flex items-center gap-8", { "text-grey": u }),
		children: [/* @__PURE__ */ r("span", {
			className: "relative",
			children: [/* @__PURE__ */ n("input", {
				"data-testid": l,
				...h,
				id: o,
				name: s,
				type: "radio",
				tabIndex: f,
				"data-name": "Radio",
				disabled: u,
				onChange: (e) => {
					m?.(e.nativeEvent, e.target.value);
				}
			}), /* @__PURE__ */ n("span", {
				style: {
					height: d,
					width: d
				},
				className: e({ "bg-pearl": u }),
				children: /* @__PURE__ */ r("svg", {
					viewBox: "0 0 16 16",
					width: d * 2 / 3,
					className: "overflow-visible",
					children: [/* @__PURE__ */ n("circle", {
						cx: "8",
						cy: "8",
						r: "8px",
						style: { fill: "var(--color-saffron)" }
					}), /* @__PURE__ */ n("circle", {
						cx: "8",
						cy: "8",
						r: "4px",
						style: { fill: "var(--color-black)" }
					})]
				})
			})]
		}), p]
	});
}
i.displayName = "Radio";
//#endregion
export { i as Radio };

//# sourceMappingURL=Radio.js.map