welcome-ui/dist/RadioTab.js

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

"use client";
import './RadioTab.css';
import { jsxs as _, jsx as s } from "react/jsx-runtime";
import { R as b } from "./5TKKKQCL-rs260p95.js";
import { forwardRef as d } from "react";
import { Button as u } from "./Button.js";
import { c as v } from "./index-B6iGEm-i.js";
const f = "_label_19zvb_2", N = "_checked_19zvb_7", h = "_input_19zvb_16", z = "_content_19zvb_26", R = {
  label: f,
  checked: N,
  "input-wrapper": "_input-wrapper_19zvb_16",
  input: h,
  content: z
}, t = v(R), x = d(
  ({ checked: a, className: o, dataTestId: n, disabled: e, id: i, label: c, onChange: r, value: l, ...p }, m) => /* @__PURE__ */ _(
    u,
    {
      as: "label",
      className: t("label", a && "checked", o),
      "data-testid": n,
      disabled: e,
      variant: a ? "primary" : null,
      ...p,
      children: [
        /* @__PURE__ */ s("div", { className: t("input"), children: /* @__PURE__ */ s(
          b,
          {
            checked: a,
            className: t("input"),
            "data-testid": n ? `${n}-input` : void 0,
            disabled: e,
            id: i,
            onChange: r,
            ref: m,
            value: l
          }
        ) }),
        /* @__PURE__ */ s("div", { className: t("content"), children: c })
      ]
    }
  )
);
x.displayName = "RadioTab";
export {
  x as RadioTab,
  R as radioTabClasses
};