import { jsxs as r, jsx as o } from "react/jsx-runtime";
import i from "prop-types";
import e from "@arcblock/ux/lib/Button";
import p from "@arcblock/icons/lib/ConnectLogo";
import { Box as m } from "@mui/material";
function a({ children: t = null, ...n }) {
  return /* @__PURE__ */ r(e, { color: "did", variant: "contained", ...n, children: [
    /* @__PURE__ */ o(m, { sx: { fontWeight: 400 }, children: t || "Continue With" }),
    /* @__PURE__ */ o(p, { style: { width: "auto", height: "1.2em", margin: "0 4px 0 8px" } })
  ] });
}
a.propTypes = {
  children: i.any
};
export {
  a as default
};
