welcome-ui/dist/RadioTab.js

Customizable design system with react, typescript, tailwindcss and ariakit.

"use client";
import { jsxs as _, jsx as a } from "react/jsx-runtime";
import { R as u } from "./SQZLCNLX-cijaITUa.js";
import { forwardRef as d } from "react";
import { Button as w } from "./Button.js";
import { c as f } from "./index-PAaZGbyz.js";
const b = "_label_zrrw4_2", N = "_checked_zrrw4_7", h = "_input_zrrw4_16", z = "_content_zrrw4_26", R = {
  label: b,
  checked: N,
  "input-wrapper": "_input-wrapper_zrrw4_16",
  input: h,
  content: z
}, t = f(R), v = d(
  ({ checked: r, className: o, dataTestId: n, disabled: e, id: i, label: s, onChange: c, value: l, ...p }, m) => /* @__PURE__ */ _(
    w,
    {
      as: "label",
      className: t("label", r && "checked", o),
      "data-testid": n,
      disabled: e,
      variant: r ? "primary" : null,
      ...p,
      children: [
        /* @__PURE__ */ a("div", { className: t("input"), children: /* @__PURE__ */ a(
          u,
          {
            checked: r,
            className: t("input"),
            "data-testid": n ? `${n}-input` : void 0,
            disabled: e,
            id: i,
            onChange: c,
            ref: m,
            value: l
          }
        ) }),
        /* @__PURE__ */ a("div", { className: t("content"), children: s })
      ]
    }
  )
);
v.displayName = "RadioTab";
export {
  v as RadioTab
};