var __create = Object.create;
var __defProp = Object.defineProperty;
var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
var __getOwnPropNames = Object.getOwnPropertyNames;
var __getProtoOf = Object.getPrototypeOf;
var __hasOwnProp = Object.prototype.hasOwnProperty;
var __export = (target, all) => {
  for (var name in all)
    __defProp(target, name, { get: all[name], enumerable: true });
};
var __copyProps = (to, from, except, desc) => {
  if (from && typeof from === "object" || typeof from === "function") {
    for (let key of __getOwnPropNames(from))
      if (!__hasOwnProp.call(to, key) && key !== except)
        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
  }
  return to;
};
var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
  // If the importer is in node compatibility mode or this is not an ESM
  // file that has been converted to a CommonJS file using a Babel-
  // compatible transform (i.e. "__esModule" has not been set), then set
  // "default" to the CommonJS "module.exports" for node compatibility.
  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
  mod
));
var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);

// src/plus/productSelect/ProductCard/SkuCard/components/CardWrapper/index.tsx
var CardWrapper_exports = {};
__export(CardWrapper_exports, {
  default: () => CardWrapper_default
});
module.exports = __toCommonJS(CardWrapper_exports);
var import_react = __toESM(require("react"));
var import_classnames = __toESM(require("classnames"));
var import_materials = require("@pisell/materials");
var import_status = require("../../status");
var import_Action = __toESM(require("../Action"));
var import_TooltipTags = __toESM(require("../TooltipTags"));
var import_CardMask = __toESM(require("../CardMask"));
var import_status2 = require("../../status");
var import_index = require("./index.less");
var CardWrapper = (props) => {
  var _a, _b;
  const {
    children,
    className,
    style,
    skuCardConfig,
    skuActionConfig,
    skuStatusOverlayConfig,
    dataSource,
    onCardClick,
    isSelected
  } = props;
  const {
    paddingX,
    paddingY,
    background,
    marginY,
    marginX,
    radius,
    borderWidth,
    borderColor,
    isBorderVisible,
    layoutDirection
  } = skuCardConfig || ((_a = import_status2.productCardDefault) == null ? void 0 : _a.skuCardConfig) || {};
  const { method } = skuActionConfig || ((_b = import_status2.productCardDefault) == null ? void 0 : _b.skuActionConfig) || {};
  const finalStyle = (0, import_react.useMemo)(() => {
    return {
      ...style,
      backgroundColor: background,
      padding: `${paddingY || 0}px ${paddingX || 0}px`,
      margin: `${marginY || 0}px ${marginX || 0}px`,
      borderRadius: radius,
      border: isBorderVisible ? `${borderWidth}px solid ${borderColor}` : "none"
    };
  }, [
    style,
    paddingX,
    paddingY,
    borderWidth,
    borderColor,
    isBorderVisible,
    radius,
    background,
    marginX,
    marginY
  ]);
  return /* @__PURE__ */ import_react.default.createElement(
    "div",
    {
      className: (0, import_classnames.default)(
        `${import_status.PREFIX}__card-wrapper`,
        (skuStatusOverlayConfig == null ? void 0 : skuStatusOverlayConfig.isOpen) && `${import_status.PREFIX}__card-wrapper-overlay`,
        className
      ),
      onPointerUp: () => {
        requestAnimationFrame(() => requestAnimationFrame(() => onCardClick == null ? void 0 : onCardClick(dataSource)));
      }
    },
    /* @__PURE__ */ import_react.default.createElement(
      import_materials.CardPro,
      {
        isMedia: false,
        isShowHead: false,
        isShowFooter: false,
        className: (0, import_classnames.default)(
          `${import_status.PREFIX}__card-wrapper-card`,
          isSelected && `${import_status.PREFIX}__card-wrapper-selected`
        ),
        style: finalStyle
      },
      /* @__PURE__ */ import_react.default.createElement("div", { className: `${import_status.PREFIX}__card-wrapper-children` }, children),
      /* @__PURE__ */ import_react.default.createElement(import_CardMask.default, { props: skuStatusOverlayConfig || {} }),
      layoutDirection === "column" && method !== "button" ? /* @__PURE__ */ import_react.default.createElement(
        "div",
        {
          className: `${import_status.PREFIX}__card-wrapper-action`,
          style: {
            bottom: paddingY,
            right: paddingX
          }
        },
        /* @__PURE__ */ import_react.default.createElement(import_Action.default, { props })
      ) : null,
      /* @__PURE__ */ import_react.default.createElement(import_TooltipTags.default, { props })
    )
  );
};
var CardWrapper_default = CardWrapper;
