/* MY GENI — Phase 22 · Workspace Visual Banner
 * Small reusable banner that consumes the generated visual family.
 * Consumers: research / design / development / commercial / documents overview.
 */
function MGWorkspaceBanner({ kind, eyebrow, title, sub }) {
  return (
    <div className={`mg-ws-banner mg-ws-banner-${kind}`}>
      <div className="mg-ws-banner-img" role="img" aria-hidden="true" />
      <div className="mg-ws-banner-body">
        {eyebrow && <div className="mg-ws-banner-eyebrow">{eyebrow}</div>}
        {title && <h2 className="mg-ws-banner-title">{title}</h2>}
        {sub && <p className="mg-ws-banner-sub">{sub}</p>}
      </div>
    </div>
  );
}
Object.assign(window, { MGWorkspaceBanner });