import { jsx, jsxs } from "react/jsx-runtime";
import { Html, Head, Preview, Body, Container, Text, Section, Link } from "@react-email/components";
function CustomerSignupVerificationEmail({ verifyUrl, copy }) {
  return /* @__PURE__ */ jsxs(Html, { children: [
    /* @__PURE__ */ jsx(Head, {}),
    /* @__PURE__ */ jsx(Preview, { children: copy.preview }),
    /* @__PURE__ */ jsx(Body, { style: body, children: /* @__PURE__ */ jsx(Container, { style: container, children: /* @__PURE__ */ jsxs(Section, { children: [
      /* @__PURE__ */ jsx(Text, { style: title, children: copy.title }),
      /* @__PURE__ */ jsx(Text, { style: paragraph, children: copy.body }),
      /* @__PURE__ */ jsx(Text, { children: /* @__PURE__ */ jsx(Link, { href: verifyUrl, style: button, children: copy.cta }) }),
      /* @__PURE__ */ jsx(Text, { style: hint, children: copy.hint })
    ] }) }) })
  ] });
}
const body = { backgroundColor: "#f9fafb", margin: 0, padding: "24px 0" };
const container = { backgroundColor: "#ffffff", borderRadius: 12, padding: 24, margin: "0 auto", maxWidth: 520, boxShadow: "0 1px 4px rgba(0,0,0,0.06)" };
const title = { fontSize: 20, fontWeight: 600, color: "#111827", margin: "0 0 12px" };
const paragraph = { fontSize: 14, color: "#4b5563", lineHeight: "20px", margin: "0 0 16px" };
const button = { display: "inline-block", backgroundColor: "#111827", color: "#ffffff", padding: "10px 14px", borderRadius: 8, textDecoration: "none", fontSize: 14 };
const hint = { fontSize: 12, color: "#6b7280", marginTop: 16 };
var CustomerSignupVerificationEmail_default = CustomerSignupVerificationEmail;
export {
  CustomerSignupVerificationEmail,
  CustomerSignupVerificationEmail_default as default
};
//# sourceMappingURL=CustomerSignupVerificationEmail.js.map
