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

Reusable react components for payment kit v2

"use strict";

Object.defineProperty(exports, "__esModule", {
  value: true
});
module.exports = Livemode;
var _jsxRuntime = require("react/jsx-runtime");
var _context = require("@arcblock/ux/lib/Locale/context");
var _material = require("@mui/material");
function Livemode({
  color = "#bb5504",
  backgroundColor = "#ffde92",
  sx
}) {
  const {
    t
  } = (0, _context.useLocaleContext)();
  return /* @__PURE__ */(0, _jsxRuntime.jsx)(_material.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
    }
  });
}