{"ast":null,"code":"import _slicedToArray from\"C:/Users/user/Desktop/00monsite/front/node_modules/@babel/runtime/helpers/esm/slicedToArray.js\";import React,{useEffect,useState}from\"react\";import Navbar from\"../components/Navbar\";import{jsx as _jsx}from\"react/jsx-runtime\";import{jsxs as _jsxs}from\"react/jsx-runtime\";var Crew=function Crew(){var _useState=useState({}),_useState2=_slicedToArray(_useState,2),currentCrew=_useState2[0],setCurrentCrew=_useState2[1];var _useState3=useState([]),_useState4=_slicedToArray(_useState3,2),crew=_useState4[0],setCrew=_useState4[1];var _useState5=useState(0),_useState6=_slicedToArray(_useState5,2),selectedCrewIndex=_useState6[0],setSelectedCrewIndex=_useState6[1];useEffect(function(){fetch(\"data.json\").then(function(response){return response.json();}).then(function(data){setCrew(data.crew);setCurrentCrew(data.crew[0]);});},[]);var handleChangeCrew=function handleChangeCrew(crewIndex){setCurrentCrew(crew[crewIndex]);setSelectedCrewIndex(crewIndex);};return/*#__PURE__*/_jsxs(\"div\",{className:\"bg-crew\",children:[/*#__PURE__*/_jsx(Navbar,{}),/*#__PURE__*/_jsx(\"div\",{children:/*#__PURE__*/_jsxs(\"h4\",{children:[\" \",/*#__PURE__*/_jsx(\"span\",{className:\"number\",children:\"02\"}),\" MEET YOUR CREW\"]})}),/*#__PURE__*/_jsxs(\"div\",{className:\"container d-flex  containerCrew\",children:[/*#__PURE__*/_jsxs(\"div\",{className:\"containerAll centre\",children:[/*#__PURE__*/_jsxs(\"div\",{className:\" texte-container d-flex flex-column\",children:[/*#__PURE__*/_jsx(\"h4\",{className:\"number\",children:currentCrew.role}),/*#__PURE__*/_jsx(\"h2\",{children:currentCrew.name}),/*#__PURE__*/_jsx(\"p\",{children:currentCrew.bio})]}),/*#__PURE__*/_jsx(\"div\",{className:\"d-flex boutonDiv\",children:crew.map(function(t,index){return/*#__PURE__*/_jsx(\"div\",{className:\"bouton \".concat(selectedCrewIndex===index?'selected':''),onClick:function onClick(){setCurrentCrew(crew[index]);setSelectedCrewIndex(index);}},index);})})]}),/*#__PURE__*/_jsx(\"div\",{className:\"containerAll\",id:\"containerAll\",children:currentCrew.images&&/*#__PURE__*/_jsx(\"img\",{src:currentCrew.images.png,alt:currentCrew.name})})]})]});};export default Crew;","map":{"version":3,"names":["React","useEffect","useState","Navbar","Crew","currentCrew","setCurrentCrew","crew","setCrew","selectedCrewIndex","setSelectedCrewIndex","fetch","then","response","json","data","handleChangeCrew","crewIndex","role","name","bio","map","t","index","images","png"],"sources":["C:/Users/user/Desktop/00monsite/front/src/page/crew.js"],"sourcesContent":["import React, { useEffect, useState } from \"react\";\r\nimport Navbar from \"../components/Navbar\";\r\n\r\nconst Crew = () => {\r\n  const [currentCrew, setCurrentCrew] = useState({});\r\n  const [crew, setCrew] = useState([]);\r\n  const [selectedCrewIndex, setSelectedCrewIndex] = useState(0);\r\n\r\n  useEffect(() => {\r\n    fetch(\"data.json\")\r\n      .then((response) => response.json())\r\n      .then((data) => {\r\n        setCrew(data.crew);\r\n        setCurrentCrew(data.crew[0]);\r\n      });\r\n    }, []);\r\n    \r\n    const handleChangeCrew = (crewIndex) => {\r\n      setCurrentCrew(crew[crewIndex]);\r\n      setSelectedCrewIndex(crewIndex);\r\n  };\r\n\r\n  return (\r\n    <div className=\"bg-crew\">\r\n      <Navbar />\r\n      <div>\r\n        <h4> <span className=\"number\">02</span> MEET YOUR CREW</h4>\r\n      </div>\r\n      <div className=\"container d-flex  containerCrew\">\r\n        <div className=\"containerAll centre\">\r\n          <div className=\" texte-container d-flex flex-column\">\r\n            <h4 className=\"number\">{currentCrew.role}</h4>\r\n            <h2>{currentCrew.name}</h2>\r\n            <p>{currentCrew.bio}</p>\r\n          </div>\r\n        <div className=\"d-flex boutonDiv\">\r\n          {crew.map((t, index) => (\r\n            <div\r\n              key={index}\r\n              className={`bouton ${selectedCrewIndex === index ? 'selected' : ''}`}\r\n              onClick={() =>  {setCurrentCrew(crew[index]);\r\n                setSelectedCrewIndex(index);}}\r\n            >\r\n            \r\n            </div>\r\n          ))}\r\n        </div>\r\n        </div>\r\n\r\n\r\n        <div className=\"containerAll\" id=\"containerAll\">\r\n          {currentCrew.images && (\r\n            <img src={currentCrew.images.png} alt={currentCrew.name} />\r\n          )}\r\n        </div>\r\n      </div>\r\n    </div>\r\n  );\r\n};\r\n\r\nexport default Crew;\r\n"],"mappings":"2HAAA,MAAOA,MAAK,EAAIC,SAAS,CAAEC,QAAQ,KAAQ,OAAO,CAClD,MAAOC,OAAM,KAAM,sBAAsB,CAAC,wFAE1C,GAAMC,KAAI,CAAG,QAAPA,KAAI,EAAS,CACjB,cAAsCF,QAAQ,CAAC,CAAC,CAAC,CAAC,wCAA3CG,WAAW,eAAEC,cAAc,eAClC,eAAwBJ,QAAQ,CAAC,EAAE,CAAC,yCAA7BK,IAAI,eAAEC,OAAO,eACpB,eAAkDN,QAAQ,CAAC,CAAC,CAAC,yCAAtDO,iBAAiB,eAAEC,oBAAoB,eAE9CT,SAAS,CAAC,UAAM,CACdU,KAAK,CAAC,WAAW,CAAC,CACfC,IAAI,CAAC,SAACC,QAAQ,QAAKA,SAAQ,CAACC,IAAI,EAAE,GAAC,CACnCF,IAAI,CAAC,SAACG,IAAI,CAAK,CACdP,OAAO,CAACO,IAAI,CAACR,IAAI,CAAC,CAClBD,cAAc,CAACS,IAAI,CAACR,IAAI,CAAC,CAAC,CAAC,CAAC,CAC9B,CAAC,CAAC,CACJ,CAAC,CAAE,EAAE,CAAC,CAEN,GAAMS,iBAAgB,CAAG,QAAnBA,iBAAgB,CAAIC,SAAS,CAAK,CACtCX,cAAc,CAACC,IAAI,CAACU,SAAS,CAAC,CAAC,CAC/BP,oBAAoB,CAACO,SAAS,CAAC,CACnC,CAAC,CAED,mBACE,aAAK,SAAS,CAAC,SAAS,wBACtB,KAAC,MAAM,IAAG,cACV,kCACE,sBAAI,GAAC,2BAAM,SAAS,CAAC,QAAQ,UAAC,IAAE,EAAO,kBAAe,GAAK,EACvD,cACN,aAAK,SAAS,CAAC,iCAAiC,wBAC9C,aAAK,SAAS,CAAC,qBAAqB,wBAClC,aAAK,SAAS,CAAC,qCAAqC,wBAClD,WAAI,SAAS,CAAC,QAAQ,UAAEZ,WAAW,CAACa,IAAI,EAAM,cAC9C,oBAAKb,WAAW,CAACc,IAAI,EAAM,cAC3B,mBAAId,WAAW,CAACe,GAAG,EAAK,GACpB,cACR,YAAK,SAAS,CAAC,kBAAkB,UAC9Bb,IAAI,CAACc,GAAG,CAAC,SAACC,CAAC,CAAEC,KAAK,qBACjB,YAEE,SAAS,kBAAYd,iBAAiB,GAAKc,KAAK,CAAG,UAAU,CAAG,EAAE,CAAG,CACrE,OAAO,CAAE,kBAAO,CAACjB,cAAc,CAACC,IAAI,CAACgB,KAAK,CAAC,CAAC,CAC1Cb,oBAAoB,CAACa,KAAK,CAAC,CAAC,CAAE,EAH3BA,KAAK,CAMN,EACP,CAAC,EACE,GACA,cAGN,YAAK,SAAS,CAAC,cAAc,CAAC,EAAE,CAAC,cAAc,UAC5ClB,WAAW,CAACmB,MAAM,eACjB,YAAK,GAAG,CAAEnB,WAAW,CAACmB,MAAM,CAACC,GAAI,CAAC,GAAG,CAAEpB,WAAW,CAACc,IAAK,EACzD,EACG,GACF,GACF,CAEV,CAAC,CAED,cAAef,KAAI"},"metadata":{},"sourceType":"module","externalDependencies":[]}