// AUTOMATION — INTEGRATIONS sub-platform (4 tabs: Connectors · Templates · Marketplace · Scripts)
const { useState: useIpState } = React;

function AutoIntegrationsPlatform() {
  const [subTab, setSubTab] = useIpState('connectors');
  const au = window.__au;
  const data = window.AUTO_DATA;

  const subTabs = [
    { id: 'connectors',  label: 'Connectors' },
    { id: 'templates',   label: 'Templates' },
    { id: 'marketplace', label: 'Marketplace' },
    { id: 'scripts',     label: 'Scripts' },
  ];

  const renderSub = () => {
    switch (subTab) {
      case 'connectors':  return <AutoIntegrations data={data} />;
      case 'templates':   return <AutoTemplates    data={data} />;
      case 'marketplace': return <AuthMarketplace  data={data} />;
      case 'scripts':     return <AutoScripts      data={data} />;
      default:            return <AutoIntegrations data={data} />;
    }
  };

  return (
    <div>
      <AuSubNav views={subTabs} active={subTab} onChange={setSubTab} accent={au.teal} />
      {renderSub()}
    </div>
  );
}

window.AutoIntegrationsPlatform = AutoIntegrationsPlatform;