"use client";
import { j as o } from "../../../node_modules/.pnpm/react@19.1.0/node_modules/react/jsx-runtime.mjs";
import i from "../../../node_modules/.pnpm/classnames@2.5.1/node_modules/classnames/index.mjs";
import "react";
import { ReactComponent as l } from "../../assets/images/LinkIcon.svg.mjs";
import a from "../Button/index.mjs";
import e from "../Modal/Modal/index.mjs";
import t from "./LinkAccount.module.scss.mjs";
const y = ({
  className: r,
  onConnectTap: s,
  i18n: c = {
    connectTitle: "Link to your HyperPlay account",
    connectSubtitle: "Sign in to provider to link your HyperPlay account.",
    callToActionText: "Go to provider sign in "
  },
  ...n
}) => /* @__PURE__ */ o.jsx(e.Root, { ...n, className: i(r, t.root), children: /* @__PURE__ */ o.jsxs(e.Header, { children: [
  /* @__PURE__ */ o.jsx(e.Title, { className: i(t.row, t.title), children: c.connectTitle }),
  /* @__PURE__ */ o.jsxs(e.Body, { children: [
    /* @__PURE__ */ o.jsx("div", { className: i(t.row, t.subtitle), children: c.connectSubtitle }),
    /* @__PURE__ */ o.jsx("div", { className: t.row, children: /* @__PURE__ */ o.jsx("div", { className: t.icon, children: /* @__PURE__ */ o.jsx(l, {}) }) }),
    /* @__PURE__ */ o.jsx("div", { className: t.row, children: /* @__PURE__ */ o.jsx(
      a,
      {
        type: "secondary",
        onClick: s,
        className: t.button,
        children: /* @__PURE__ */ o.jsx("div", { children: c.callToActionText })
      }
    ) })
  ] })
] }) });
export {
  y as default
};
//# sourceMappingURL=index.mjs.map
