text: /* eslint-disable no-unused-vars */
  import React, {useState} from 'react';
  
  import Tab from 'react-bootstrap/Tab';
  import Tabs from 'react-bootstrap/Tabs';
  import {useTranslation} from 'react-i18next';
  import {Form} from 'react-bootstrap';
  import UitestCaseInfoContainer from '../../containers/uitest/UitestCaseInfoContainer';
  import UitestStepListContainer from '../../containers/uitest/UitestStepListContainer';
  import UitestCaseListContainer from '../../containers/uitest/UitestCaseListContainer';
  import UitestVariableContainer from '../../containers/uitest/UitestVariableContainer';
  import Card from '../../components/card/Card';
  
  // scenarioData={scenarioData} // detail scenario data
  // selectedCaseId={selectedCaseId} // list selected case id
  const UitestScenarioTab = ({scenarioData, saveDetailScenarioDesc}) => {
      const [t] = useTranslation();
      const [key, setKey] = useState('caseList');
      return (
          <>
              {/* <Card
                  title={t('pages.scenario.scenarioDetailInfo')}
                  body={
                      <> */}
              <Tabs
                  activeKey={key}
                  onSelect={(k) => setKey(k)}
                  transition={false}
                  id="noanim-tab-example"
              >
                  <Tab eventKey="deatailDesc" title="상세 설명">
                      <br /> <br />
                      {/* <UitestCaseInfoContainer /> */}
                      <Form.Group controlId="historyExecuteForm.caseDesc">
                          <Form.Control
                              as="textarea"
                              style={{height: '433px'}}
                              placeholder=""
                              value={
                                  (scenarioData &&
                                      scenarioData.data.scenarioDesc) ||
                                  ''
                              }
                              onChange={(e) =>
                                  saveDetailScenarioDesc(e.target.value)
                              }
                          />
                          {/* {printFormError(formik, 'input')} */}
                      </Form.Group>
                  </Tab>
                  <Tab eventKey="caseList" title="Case 리스트">
                      <br />
                      {/* <UitestStepListContainer /> */}
                      <UitestCaseListContainer />
                  </Tab>
  
                  <Tab
                      eventKey="variableList"
                      title={t('pages.scenario.variableList')}
                  >
                      <br />
                      <UitestVariableContainer />
                  </Tab>
              </Tabs>
              {/* </>
                  }
              /> */}
          </>
      );
  };
  
  export default UitestScenarioTab;
  