// ResearchView — top-level for Track B (Market Intelligence).

const { useState: rvUseState } = React;

function ResearchView({ lang: langProp, onLangChange }) {
  const [tab, setTab] = rvUseState('overview');
  const lang = langProp || 'en';

  let body = null;
  if      (tab === 'overview') body = <ROverview lang={lang} />;
  else if (tab === 'prices')   body = <RPrices   lang={lang} />;
  else if (tab === 'news')     body = <RNews     lang={lang} />;
  else if (tab === 'tenders')  body = <RTenders  lang={lang} />;

  return (
    <div style={{
      width: 1180, height: 820,
      background: '#FFFFFF', color: '#141414',
      display: 'flex', flexDirection: 'column',
      fontFamily: TL_FONTS.sans,
      position: 'relative',
    }}>
      <RHeader lang={lang} onLangChange={onLangChange} lastSync="09:14" />
      <div style={{ flex: 1, display: 'flex', minHeight: 0 }}>
        <RSidebar tab={tab} setTab={setTab} lang={lang} />
        <div style={{ flex: 1, background: '#FFFFFF', minWidth: 0, position: 'relative' }}>
          {body}
        </div>
      </div>
    </div>
  );
}

window.ResearchView = ResearchView;