// mkt-tab.jsx — Marketing tab container

function MarketingTab({ state, lang, attrModel, onAttrModel, onOpenMktDrawer, onOpenMetricDrawer }) {
  const t = window.MKT_T[lang];
  const help = window.MKT_HELP[lang];
  const { HelpIcon } = window.OV2_UI;
  return (
    <main className="rev-page mk-page" data-screen-label="Marketing">
      <div className="mk-attr-bar">
        <div className="mk-attr-bar-label">
          <span>{t.attr}</span>
          <HelpIcon help={help.attrSelect} />
        </div>
        <select className="mk-attr-select" value={attrModel} onChange={(e) => onAttrModel(e.target.value)}>
          {['last', 'first', 'linear', 'time', 'data'].map((m) => (
            <option key={m} value={m}>{t.attrModels[m]}</option>
          ))}
        </select>
      </div>

      <window.MktSnapshot state={state} lang={lang} onOpen={onOpenMetricDrawer} />
      <window.MktChannels state={state} lang={lang} onOpen={onOpenMktDrawer} />
      <window.MktFunnel state={state} lang={lang} />
      <window.MktCampaigns state={state} lang={lang} onOpen={onOpenMktDrawer} />
      <window.MktAudCrea state={state} lang={lang} onOpen={onOpenMktDrawer} />
      <window.MktAttribution state={state} lang={lang} onOpen={onOpenMktDrawer} />
    </main>
  );
}

window.MarketingTab = MarketingTab;