'use strict';

Object.defineProperty(exports, '__esModule', { value: true });

require('../../../theme/index.cjs');
var index = require('../../../theme/style/index.cjs');
var genComponentStyleHook = require('../../../theme/token/util/genComponentStyleHook.cjs');
var statistic = require('../../../theme/token/util/statistic.cjs');

const genQRCodeStyle = (token) => {
  const { componentCls } = token;
  return {
    [componentCls]: {
      ...index.resetComponent(token),
      "display": "flex",
      "justifyContent": "center",
      "alignItems": "center",
      "padding": token.paddingSM,
      "backgroundColor": token.colorWhite,
      "borderRadius": token.borderRadiusLG,
      "border": `${token.lineWidth}px ${token.lineType} ${token.colorSplit}`,
      "position": "relative",
      "width": "100%",
      "height": "100%",
      "overflow": "hidden",
      [`& > ${componentCls}-mask`]: {
        position: "absolute",
        insetBlockStart: 0,
        insetInlineStart: 0,
        zIndex: 10,
        display: "flex",
        flexDirection: "column",
        justifyContent: "center",
        alignItems: "center",
        width: "100%",
        height: "100%",
        color: token.colorText,
        lineHeight: token.lineHeight,
        background: token.QRCodeMaskBackgroundColor,
        textAlign: "center",
        [`& > ${componentCls}-expired`]: {
          color: token.QRCodeExpiredTextColor
        }
      },
      "&-icon": {
        marginBlockEnd: token.marginXS,
        fontSize: token.controlHeight
      }
    },
    [`${componentCls}-borderless`]: {
      borderColor: "transparent"
    }
  };
};
var useStyle = genComponentStyleHook.default("QRCode", (token) => genQRCodeStyle(
  statistic.merge(token, {
    QRCodeExpiredTextColor: "rgba(0, 0, 0, 0.88)",
    QRCodeMaskBackgroundColor: "rgba(255, 255, 255, 0.96)"
  })
));

exports.default = useStyle;
//# sourceMappingURL=index.cjs.map
