@blocklet/payment-react/es/components/livemode.js

Reusable react components for payment kit v2

import { jsx } from "react/jsx-runtime";
import { useLocaleContext } from "@arcblock/ux/lib/Locale/context";
import { Chip } from "@mui/material";
export default function Livemode({ color = "#bb5504", backgroundColor = "#ffde92", sx }) {
  const { t } = useLocaleContext();
  return /* @__PURE__ */ jsx(
    Chip,
    {
      label: t("common.livemode"),
      size: "small",
      color: "warning",
      sx: {
        ml: 2,
        height: "18px",
        lineHeight: "18px",
        textTransform: "uppercase",
        fontSize: "0.7rem",
        fontWeight: "bold",
        borderRadius: "4px",
        backgroundColor,
        color,
        ...sx
      }
    }
  );
}