WrapElem = ({
  children,
  connectors,
  icon,
  icons,
  text,
  fontSize,
  title,
  innerClass,
  bold,
  label,
  disable,
}) => (
  <div
    className={`${
      disable ? "text-muted" : ""
    }  d-inline-flex wrap-builder-elem align-items-center justify-content-center`}
    title={title}
    ref={disable ? undefined : (ref) => connectors.create(ref, children)}
  >
    <div
      className={`inner ${innerClass || ""}`}
      style={fontSize ? { fontSize } : {}}
    >
      {(text && (bold ? <strong>{text}</strong> : text)) ||
        (icons &&
          icons.map((ic, ix) => <i key={ix} className={`${ic}`}></i>)) ||
        (typeof icon === "string" ? <i className={`fa-lg ${icon}`}></i> : icon)}
    </div>
    <label>{label}</label>
  </div>
)
@param {object} props
@param {object} props.children
@param {object} props.connectors
@param {string|object} props.icon
@param {object[]} props.icons
@param {string} props.text
@param {string|number} [props.fontSize]
@param {string} props.title
@param {string} props.innerClass
@param {boolean} props.bold
@param {string} props.label
@param {boolean} props.disable
@returns {div}
@category saltcorn-builder
@subcategory components / Toolbox
@namespace