import { jsxs as x, jsx as o } from "react/jsx-runtime";
import { forwardRef as y } from "react";
import { cx as t } from "../../utils/classNames.js";
import { useArrowTheme as N } from "../../hooks/useArrowTheme.js";
const w = y(
  ({
    id: e,
    groupName: d,
    type: i,
    selected: r = !1,
    inverse: l,
    content: a,
    hover: c,
    pressed: m,
    focused: n,
    className: f,
    onChange: s,
    ...p
  }, u) => {
    const v = N(), h = l ?? v.inverse;
    return /* @__PURE__ */ x("div", { ref: u, className: t("tdds-tile-wrapper", f), ...p, children: [
      /* @__PURE__ */ o(
        "input",
        {
          id: e,
          type: "radio",
          name: d,
          checked: r,
          className: "tdds:screen-reader-only",
          onChange: s,
          readOnly: s ? void 0 : !0
        }
      ),
      /* @__PURE__ */ o(
        "label",
        {
          htmlFor: e,
          className: t("tdds-tile", `tdds-tile--${i}`, {
            "force-hover": !!c,
            "force-pressed": !!m,
            "force-focus": !!n,
            "force-selected": !!r
          }),
          "data-inverse": h ? "true" : void 0,
          children: a ?? null
        }
      )
    ] });
  }
);
w.displayName = "Tile";
export {
  w as Tile
};
//# sourceMappingURL=Tile.js.map
