@blocklet/ui-react
Version:
Some useful front-end web components that can be used in Blocklets.
65 lines (64 loc) • 1.55 kB
JavaScript
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
};