/* =========================================================
   COGNERYS — v2 image slots (monochrome placeholders)
   ========================================================= */
function ImgSlot({ variant = "g1", shape = "wide", label, tag, caption, style }) {
  return (
    <div
      className={`img-slot ${shape} ${variant}`}
      data-placeholder={label ? "true" : undefined}
      data-label={label}
      style={style}
    >
      <div className={`fill ${variant}`} />
      {tag && <span className="tag">{tag}</span>}
      {caption && <div className="caption">{caption}</div>}
    </div>
  );
}
Object.assign(window, { ImgSlot });