/**
 * 分区（zone）图元展示：虚线容器 + 左上角标题标签，避免与空白占位资源混淆。
 */
import React from 'react';
import { locales } from '@pisell/utils';
import "./FloorMapZoneElement.less";
var PREFIX = 'pisell-floor-map-zone';
var I18N_BADGE = 'pisell-floor-map-layout.zone.title-badge';
var I18N_UNNAMED = 'pisell-floor-map-layout.zone.unnamed';
export function FloorMapZoneElement(props) {
  var raw = props.name != null ? String(props.name).trim() : '';
  var hasName = raw.length > 0;
  var displayName = hasName ? raw : locales.getText(I18N_UNNAMED);
  return /*#__PURE__*/React.createElement("div", {
    className: PREFIX
  }, /*#__PURE__*/React.createElement("div", {
    className: "".concat(PREFIX, "__body"),
    "aria-hidden": true
  }), /*#__PURE__*/React.createElement("div", {
    className: "".concat(PREFIX, "__title")
  }, /*#__PURE__*/React.createElement("span", {
    className: "".concat(PREFIX, "__title-badge")
  }, locales.getText(I18N_BADGE)), /*#__PURE__*/React.createElement("span", {
    className: "".concat(PREFIX, "__title-text").concat(hasName ? '' : " ".concat(PREFIX, "__title-text--placeholder"))
  }, displayName)));
}