import { jsxs as t, jsx as n } from "react/jsx-runtime";
import { Box as o, Typography as r } from "@mui/material";
import { Verified as l } from "@mui/icons-material";
function x({ data: e, verified: s = !1, ...i }) {
  return /* @__PURE__ */ t(
    o,
    {
      ...i,
      sx: {
        display: "flex",
        alignItems: "center",
        justifyContent: "space-between",
        ...i.sx
      },
      children: [
        /* @__PURE__ */ t(
          r,
          {
            sx: {
              display: "flex",
              alignItems: "center",
              color: "text.primary",
              fontSize: "14px",
              gap: 1,
              fontWeight: 500
            },
            children: [
              e.icon,
              e.title
            ]
          }
        ),
        /* @__PURE__ */ t(
          o,
          {
            sx: {
              display: "flex",
              flexDirection: "row",
              alignItems: "center"
            },
            children: [
              /* @__PURE__ */ n(
                r,
                {
                  component: "div",
                  sx: {
                    color: "text.secondary",
                    whiteSpace: "pre-wrap",
                    fontSize: "14px"
                  },
                  children: e.content
                }
              ),
              s && /* @__PURE__ */ n(l, { color: "success", style: { fontSize: 16, marginLeft: 4 } })
            ]
          }
        )
      ]
    }
  );
}
export {
  x as default
};
