import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
export default (function (props) {
  var _gcDetail$pitInuseMal, _gcDetail$pitTotalMal, _gcDetail$urinalNums, _gcDetail$squatNumMal, _gcDetail$seatNumMale, _gcDetail$manAccessib, _gcDetail$pitInuseFem, _gcDetail$pitTotalFem, _gcDetail$squatNumFem, _gcDetail$seatNumFema, _gcDetail$womanAccess;
  var theme = props.theme,
    gcDetail = props.gcDetail,
    fields = props.fields;
  var ptss = [{
    name: '第三卫生间',
    key: 'third',
    img: require("./assets/".concat(theme, "/hasThird").concat(gcDetail.hasThird ? '' : 'N', ".png"))
  }, {
    name: '母婴室',
    key: 'nursery',
    img: require("./assets/".concat(theme, "/hasNursery").concat(gcDetail.hasNursery ? '' : 'N', ".png"))
  }, {
    name: '指示牌',
    key: 'sign',
    img: require("./assets/".concat(theme, "/hasSign").concat(gcDetail.hasSign ? '' : 'N', ".png"))
  }];
  var showKeys = fields.map(function (item) {
    return item.showKey;
  });
  return /*#__PURE__*/_jsxs(_Fragment, {
    children: [/*#__PURE__*/_jsx("div", {
      className: "wr-base-ptss",
      style: {
        padding: gcDetail.hasDevice ? '10px 136px 0' : '30px 136px 30px'
      },
      children: ptss.map(function (item) {
        return /*#__PURE__*/_jsxs("div", {
          className: "wr-ptss-item",
          children: [/*#__PURE__*/_jsx("img", {
            src: item.img,
            alt: item.key
          }), /*#__PURE__*/_jsx("div", {
            children: item.name
          })]
        }, item.key);
      })
    }), /*#__PURE__*/_jsxs("div", {
      style: {
        display: 'flex',
        flexDirection: gcDetail.hasDevice ? 'row' : 'column',
        justifyContent: 'space-between',
        gap: '20px',
        padding: '0 16px'
      },
      children: [/*#__PURE__*/_jsxs("div", {
        className: "wr-base-kws",
        style: {
          flex: gcDetail.hasDevice ? 1 : 'auto',
          height: gcDetail.hasDevice ? 'auto' : '200px',
          background: theme === 'blue' ? 'rgba(51, 166, 255, 0.2)' : '#F3F8FF'
        },
        children: [/*#__PURE__*/_jsxs("div", {
          className: "wr-kws-total",
          style: {
            justifyContent: gcDetail.hasDevice ? 'space-between' : 'center',
            gap: gcDetail.hasDevice ? '0' : '60px'
          },
          children: [/*#__PURE__*/_jsxs("div", {
            className: "wr-kws-tip",
            children: [/*#__PURE__*/_jsx("img", {
              src: require("./assets/".concat(theme, "/male.png")),
              alt: "male"
            }), /*#__PURE__*/_jsx("div", {
              children: "\u7537\u5395"
            })]
          }), /*#__PURE__*/_jsxs("div", {
            className: "wr-total-num",
            children: [gcDetail.hasDevice && /*#__PURE__*/_jsxs(_Fragment, {
              children: [/*#__PURE__*/_jsxs("div", {
                style: {
                  display: 'flex',
                  alignItems: 'center'
                },
                children: [/*#__PURE__*/_jsx("span", {
                  className: "num-tip-blue"
                }), "\u5360\u7528"]
              }), /*#__PURE__*/_jsx("div", {
                className: "wr-num-total",
                children: /*#__PURE__*/_jsx("span", {
                  style: {
                    fontSize: '24px'
                  },
                  children: (_gcDetail$pitInuseMal = gcDetail.pitInuseMale) !== null && _gcDetail$pitInuseMal !== void 0 ? _gcDetail$pitInuseMal : '--'
                })
              })]
            }), showKeys.includes('manPitNum') && /*#__PURE__*/_jsxs(_Fragment, {
              children: [/*#__PURE__*/_jsxs("div", {
                style: {
                  display: 'flex',
                  alignItems: 'center'
                },
                children: [/*#__PURE__*/_jsx("span", {
                  className: "num-tip-blue"
                }), "\u5751\u4F4D\u603B\u6570"]
              }), /*#__PURE__*/_jsx("div", {
                className: "wr-num-total",
                children: /*#__PURE__*/_jsx("span", {
                  style: {
                    fontSize: '24px'
                  },
                  children: (_gcDetail$pitTotalMal = gcDetail.pitTotalMale) !== null && _gcDetail$pitTotalMal !== void 0 ? _gcDetail$pitTotalMal : '--'
                })
              })]
            })]
          })]
        }), /*#__PURE__*/_jsxs("div", {
          className: "wr-kws-each",
          style: {
            padding: gcDetail.hasDevice ? '0' : '40px 80px'
          },
          children: [showKeys.includes('urinalNums') && /*#__PURE__*/_jsxs("div", {
            children: [/*#__PURE__*/_jsx("span", {
              style: {
                fontSize: '24px'
              },
              children: (_gcDetail$urinalNums = gcDetail.urinalNums) !== null && _gcDetail$urinalNums !== void 0 ? _gcDetail$urinalNums : '--'
            }), /*#__PURE__*/_jsxs("div", {
              children: [/*#__PURE__*/_jsx("img", {
                src: require("./assets/".concat(theme, "/xbd.png")),
                alt: "xbd"
              }), "\u5C0F\u4FBF\u6597"]
            })]
          }), showKeys.includes('manSquatNums') && /*#__PURE__*/_jsxs("div", {
            children: [/*#__PURE__*/_jsx("span", {
              style: {
                fontSize: '24px'
              },
              children: (_gcDetail$squatNumMal = gcDetail.squatNumMale) !== null && _gcDetail$squatNumMal !== void 0 ? _gcDetail$squatNumMal : '--'
            }), /*#__PURE__*/_jsxs("div", {
              children: [/*#__PURE__*/_jsx("img", {
                src: require("./assets/".concat(theme, "/dw.png")),
                alt: "dw"
              }), "\u8E72\u4F4D\u6570"]
            })]
          }), showKeys.includes('manSitNums') && /*#__PURE__*/_jsxs("div", {
            children: [/*#__PURE__*/_jsx("span", {
              style: {
                fontSize: '24px'
              },
              children: (_gcDetail$seatNumMale = gcDetail.seatNumMale) !== null && _gcDetail$seatNumMale !== void 0 ? _gcDetail$seatNumMale : '--'
            }), /*#__PURE__*/_jsxs("div", {
              children: [/*#__PURE__*/_jsx("img", {
                src: require("./assets/".concat(theme, "/zw.png")),
                alt: "zw"
              }), "\u5EA7\u4F4D\u6570"]
            })]
          }), showKeys.includes('manAccessibilityNums') && /*#__PURE__*/_jsxs("div", {
            children: [/*#__PURE__*/_jsx("span", {
              style: {
                fontSize: '24px'
              },
              children: (_gcDetail$manAccessib = gcDetail.manAccessibilityNumsMale) !== null && _gcDetail$manAccessib !== void 0 ? _gcDetail$manAccessib : '--'
            }), /*#__PURE__*/_jsxs("div", {
              children: [/*#__PURE__*/_jsx("img", {
                src: require("./assets/".concat(theme, "/wza.png")),
                alt: "wza"
              }), "\u65E0\u969C\u788D"]
            })]
          })]
        })]
      }), /*#__PURE__*/_jsxs("div", {
        className: "wr-base-kws",
        style: {
          flex: gcDetail.hasDevice ? 1 : 'auto',
          height: gcDetail.hasDevice ? 'auto' : '200px',
          background: theme === 'blue' ? 'rgba(255,152,175,0.2)' : '#FFF2F5'
        },
        children: [/*#__PURE__*/_jsxs("div", {
          className: "wr-kws-total",
          style: {
            justifyContent: gcDetail.hasDevice ? 'space-between' : 'center',
            gap: gcDetail.hasDevice ? '0' : '60px'
          },
          children: [/*#__PURE__*/_jsxs("div", {
            className: "wr-kws-tip",
            children: [/*#__PURE__*/_jsx("img", {
              src: require("./assets/".concat(theme, "/female.png")),
              alt: "female"
            }), /*#__PURE__*/_jsx("div", {
              children: "\u5973\u5395"
            })]
          }), /*#__PURE__*/_jsxs("div", {
            className: "wr-total-num",
            children: [gcDetail.hasDevice && /*#__PURE__*/_jsxs(_Fragment, {
              children: [/*#__PURE__*/_jsxs("div", {
                style: {
                  display: 'flex',
                  alignItems: 'center'
                },
                children: [/*#__PURE__*/_jsx("span", {
                  className: "num-tip-red"
                }), "\u5360\u7528"]
              }), /*#__PURE__*/_jsx("div", {
                className: "wr-num-total",
                children: /*#__PURE__*/_jsx("span", {
                  style: {
                    fontSize: '24px'
                  },
                  children: (_gcDetail$pitInuseFem = gcDetail.pitInuseFemale) !== null && _gcDetail$pitInuseFem !== void 0 ? _gcDetail$pitInuseFem : '--'
                })
              })]
            }), showKeys.includes('womanPitNum') && /*#__PURE__*/_jsxs(_Fragment, {
              children: [/*#__PURE__*/_jsxs("div", {
                style: {
                  display: 'flex',
                  alignItems: 'center'
                },
                children: [/*#__PURE__*/_jsx("span", {
                  className: "num-tip-red"
                }), "\u5751\u4F4D\u603B\u6570"]
              }), /*#__PURE__*/_jsx("div", {
                className: "wr-num-total",
                children: /*#__PURE__*/_jsx("span", {
                  style: {
                    fontSize: '24px'
                  },
                  children: (_gcDetail$pitTotalFem = gcDetail.pitTotalFemale) !== null && _gcDetail$pitTotalFem !== void 0 ? _gcDetail$pitTotalFem : '--'
                })
              })]
            })]
          })]
        }), /*#__PURE__*/_jsxs("div", {
          className: "wr-kws-each",
          style: {
            padding: gcDetail.hasDevice ? '0' : '40px 80px'
          },
          children: [showKeys.includes('womanSquatNums') && /*#__PURE__*/_jsxs("div", {
            children: [/*#__PURE__*/_jsx("span", {
              style: {
                fontSize: '24px'
              },
              children: (_gcDetail$squatNumFem = gcDetail.squatNumFemale) !== null && _gcDetail$squatNumFem !== void 0 ? _gcDetail$squatNumFem : '--'
            }), /*#__PURE__*/_jsxs("div", {
              children: [/*#__PURE__*/_jsx("img", {
                src: require("./assets/".concat(theme, "/dw.png")),
                alt: "dw"
              }), "\u8E72\u4F4D\u6570"]
            })]
          }), showKeys.includes('womanSitNums') && /*#__PURE__*/_jsxs("div", {
            children: [/*#__PURE__*/_jsx("span", {
              style: {
                fontSize: '24px'
              },
              children: (_gcDetail$seatNumFema = gcDetail.seatNumFemale) !== null && _gcDetail$seatNumFema !== void 0 ? _gcDetail$seatNumFema : '--'
            }), /*#__PURE__*/_jsxs("div", {
              children: [/*#__PURE__*/_jsx("img", {
                src: require("./assets/".concat(theme, "/zw.png")),
                alt: "zw"
              }), "\u5EA7\u4F4D\u6570"]
            })]
          }), showKeys.includes('womanAccessibilityNums') && /*#__PURE__*/_jsxs("div", {
            children: [/*#__PURE__*/_jsx("span", {
              style: {
                fontSize: '24px'
              },
              children: (_gcDetail$womanAccess = gcDetail.womanAccessibilityNumsFemale) !== null && _gcDetail$womanAccess !== void 0 ? _gcDetail$womanAccess : '--'
            }), /*#__PURE__*/_jsxs("div", {
              children: [/*#__PURE__*/_jsx("img", {
                src: require("./assets/".concat(theme, "/wza.png")),
                alt: "wza"
              }), "\u65E0\u969C\u788D"]
            })]
          })]
        })]
      })]
    })]
  });
});