import { jsxs as r, jsx as e } from "react/jsx-runtime";
import { useTheme as i, Box as t } from "@mui/material";
import { Icon as c } from "@iconify/react";
import a from "@iconify-icons/mdi/shield-check";
import l from "./did-connect-logo.js";
import { mergeSx as m } from "../Util/style.js";
function u({ ...o }) {
  const { palette: n } = i();
  return /* @__PURE__ */ r(
    t,
    {
      ...o,
      sx: m(
        {
          display: "flex",
          alignItems: "center",
          justifyContent: "center",
          color: "text.secondary",
          gap: 0.5,
          fontSize: 12,
          fontFamily: "Lexend",
          whiteSpace: "nowrap"
        },
        o?.sx
      ),
      children: [
        /* @__PURE__ */ e(c, { icon: a, color: n.success.main }),
        "Secured by",
        /* @__PURE__ */ e(
          t,
          {
            component: "a",
            href: "https://www.didconnect.io/",
            target: "_blank",
            rel: "noopener",
            sx: {
              color: "initial",
              display: "flex",
              alignItems: "center",
              gap: 0.5,
              textDecoration: "none",
              "&:hover": {
                textDecoration: "underline"
              }
            },
            children: /* @__PURE__ */ e(l, {})
          }
        )
      ]
    }
  );
}
export {
  u as default
};
