import React, {useState} from 'react';
import MainContentArea from '@/components/api-tester/MainContentArea.jsx';

const APITester = () => {
  // API 모드와 시나리오 모드 상태를 관리
  const [isApiMode, setIsApiMode] = useState(true);

  // 모드 전환 핸들러
  const toggleMode = () => {
    setIsApiMode((prevMode) => !prevMode);
  };

  return (
      <div className="flex flex-col h-screen">
        {/* Main content area with top padding for menubar */}
        <div className="flex-1">
          <MainContentArea isApiMode={isApiMode} toggleMode={toggleMode}/>
        </div>
      </div>
  );
};

export default APITester;
