{"ast":null,"code":"import _slicedToArray from\"C:/Users/user/Desktop/portreact/node_modules/@babel/runtime/helpers/esm/slicedToArray.js\";import{Avatar,DropdownMenu,Flex,Text}from\"@radix-ui/themes\";import React,{useState}from\"react\";import{NavLink}from\"react-router-dom\";import{FontAwesomeIcon}from\"@fortawesome/react-fontawesome\";import{faCaretDown}from\"@fortawesome/free-solid-svg-icons\";import{gsap}from\"gsap\";import{jsx as _jsx}from\"react/jsx-runtime\";import{jsxs as _jsxs}from\"react/jsx-runtime\";var Menu=function Menu(){var _useState=useState(false),_useState2=_slicedToArray(_useState,2),isDivDown=_useState2[0],setIsDivDown=_useState2[1];var handleButtonClick=function handleButtonClick(){if(isDivDown){// Si la div est déjà en bas, remettez-la en haut\ngsap.to(\".animating-div\",{y:-50,duration:0.7,ease:\"power2.inOut\",opacity:0,display:\"none\"});}else{// Sinon, faites-la descendre\ngsap.to(\".animating-div\",{y:120,duration:0.7,ease:\"power2.inOut\",opacity:1,display:\"block\"});}// Inversez la valeur de isDivDown\nsetIsDivDown(!isDivDown);};var fermeButtonClick=function fermeButtonClick(){if(isDivDown){gsap.to(\".animating-div\",{y:0,duration:0.7,ease:\"power2.inOut\",opacity:0,display:\"none\"});}};return/*#__PURE__*/_jsx(\"div\",{className:\"navbar-menu w-full bg-stone-300 flex items-start \",children:/*#__PURE__*/_jsxs(\"div\",{className:\"navbar-menu-2 flex w-full \",children:[/*#__PURE__*/_jsxs(\"ul\",{className:\" menu w-full justify-center flex \",children:[/*#__PURE__*/_jsx(NavLink,{to:\"/\",className:\"\",onClick:fermeButtonClick,children:/*#__PURE__*/_jsx(\"li\",{className:\" flex justify-center items-center \",children:/*#__PURE__*/_jsx(\"h5\",{className:\"move-line\",children:\"Accueil\"})})}),/*#__PURE__*/_jsxs(\"li\",{className:\" flex justify-center relative items-center flex-col \",children:[/*#__PURE__*/_jsx(\"div\",{className:\"flex dropdown relative \",children:/*#__PURE__*/_jsxs(\"button\",{onClick:handleButtonClick,className:\"flex items-center justify-center\",children:[/*#__PURE__*/_jsx(\"h5\",{children:\"Portfolio\"}),/*#__PURE__*/_jsx(FontAwesomeIcon,{icon:faCaretDown,style:{color:\"#e2e5e9\",marginLeft:\"10px\"}})]})}),/*#__PURE__*/_jsxs(\"div\",{className:\"menu animating-div opacity-0 max-sm:ml-10 flex absolute max-sm:z-50 xl:-top-14 max-sm:flex max-sm:flex-col max-sm:-top-36 z-50 max-sm:w-5/12 max-sm:mt-16 \",children:[/*#__PURE__*/_jsx(NavLink,{to:\"/portfolio\",children:/*#__PURE__*/_jsx(\"button\",{className:\" \",children:/*#__PURE__*/_jsx(\"h6\",{style:{marginBottom:\"10px\"},className:\"move-line\",children:\"Projets\"})})}),/*#__PURE__*/_jsx(NavLink,{to:\"/creation\",children:/*#__PURE__*/_jsx(\"button\",{className:\" \",children:/*#__PURE__*/_jsx(\"h6\",{className:\"move-line\",children:\"Travaux\"})})})]})]}),/*#__PURE__*/_jsx(NavLink,{to:\"/contact\",className:\"\",onClick:fermeButtonClick,children:/*#__PURE__*/_jsx(\"li\",{className:\" flex justify-center items-center \",children:/*#__PURE__*/_jsx(\"h5\",{className:\"move-line\",children:\"Contact\"})})})]}),/*#__PURE__*/_jsx(\"div\",{className:\"button-circle\"})]})});};export default Menu;","map":{"version":3,"names":["Avatar","DropdownMenu","Flex","Text","React","useState","NavLink","FontAwesomeIcon","faCaretDown","gsap","jsx","_jsx","jsxs","_jsxs","Menu","_useState","_useState2","_slicedToArray","isDivDown","setIsDivDown","handleButtonClick","to","y","duration","ease","opacity","display","fermeButtonClick","className","children","onClick","icon","style","color","marginLeft","marginBottom"],"sources":["C:/Users/user/Desktop/portreact/src/components/common/navbar/components/menu/menu.js"],"sourcesContent":["import { Avatar, DropdownMenu, Flex, Text } from \"@radix-ui/themes\";\r\nimport React, { useState } from \"react\";\r\nimport { NavLink } from \"react-router-dom\";\r\nimport { FontAwesomeIcon } from \"@fortawesome/react-fontawesome\";\r\nimport { faCaretDown } from \"@fortawesome/free-solid-svg-icons\";\r\nimport { gsap } from \"gsap\";\r\n\r\nconst Menu = () => {\r\n const [isDivDown, setIsDivDown] = useState(false);\r\n\r\n const handleButtonClick = () => {\r\n if (isDivDown) {\r\n // Si la div est déjà en bas, remettez-la en haut\r\n gsap.to(\".animating-div\", {\r\n y: -50,\r\n duration: 0.7,\r\n ease: \"power2.inOut\",\r\n opacity:0,\r\n display:\"none\"\r\n });\r\n } else {\r\n // Sinon, faites-la descendre\r\n gsap.to(\".animating-div\", {\r\n y: 120,\r\n duration:0.7,\r\n ease: \"power2.inOut\",\r\n opacity:1,\r\n display:\"block\"\r\n });\r\n }\r\n\r\n // Inversez la valeur de isDivDown\r\n setIsDivDown(!isDivDown);\r\n };\r\n const fermeButtonClick=()=>{\r\n if(isDivDown){\r\n gsap.to(\".animating-div\", {\r\n y: 0,\r\n duration: 0.7,\r\n ease: \"power2.inOut\",\r\n opacity:0,\r\n display:\"none\"\r\n });\r\n\r\n }\r\n }\r\n\r\n \r\n return (\r\n
\r\n
\r\n \r\n\r\n
\r\n
\r\n
\r\n );\r\n};\r\n\r\nexport default Menu;\r\n"],"mappings":"qHAAA,OAASA,MAAM,CAAEC,YAAY,CAAEC,IAAI,CAAEC,IAAI,KAAQ,kBAAkB,CACnE,MAAO,CAAAC,KAAK,EAAIC,QAAQ,KAAQ,OAAO,CACvC,OAASC,OAAO,KAAQ,kBAAkB,CAC1C,OAASC,eAAe,KAAQ,gCAAgC,CAChE,OAASC,WAAW,KAAQ,mCAAmC,CAC/D,OAASC,IAAI,KAAQ,MAAM,CAAC,OAAAC,GAAA,IAAAC,IAAA,gCAAAC,IAAA,IAAAC,KAAA,yBAE5B,GAAM,CAAAC,IAAI,CAAG,QAAP,CAAAA,IAAIA,CAAA,CAAS,CACjB,IAAAC,SAAA,CAAkCV,QAAQ,CAAC,KAAK,CAAC,CAAAW,UAAA,CAAAC,cAAA,CAAAF,SAAA,IAA1CG,SAAS,CAAAF,UAAA,IAAEG,YAAY,CAAAH,UAAA,IAE9B,GAAM,CAAAI,iBAAiB,CAAG,QAApB,CAAAA,iBAAiBA,CAAA,CAAS,CAC9B,GAAIF,SAAS,CAAE,CACb;AACAT,IAAI,CAACY,EAAE,CAAC,gBAAgB,CAAE,CACxBC,CAAC,CAAE,CAAC,EAAE,CACNC,QAAQ,CAAE,GAAG,CACbC,IAAI,CAAE,cAAc,CACpBC,OAAO,CAAC,CAAC,CACTC,OAAO,CAAC,MACV,CAAC,CAAC,CACJ,CAAC,IAAM,CACL;AACAjB,IAAI,CAACY,EAAE,CAAC,gBAAgB,CAAE,CACxBC,CAAC,CAAE,GAAG,CACNC,QAAQ,CAAC,GAAG,CACZC,IAAI,CAAE,cAAc,CACpBC,OAAO,CAAC,CAAC,CACTC,OAAO,CAAC,OACV,CAAC,CAAC,CACJ,CAEA;AACAP,YAAY,CAAC,CAACD,SAAS,CAAC,CAC1B,CAAC,CACD,GAAM,CAAAS,gBAAgB,CAAC,QAAjB,CAAAA,gBAAgBA,CAAA,CAAK,CAC1B,GAAGT,SAAS,CAAC,CACZT,IAAI,CAACY,EAAE,CAAC,gBAAgB,CAAE,CACxBC,CAAC,CAAE,CAAC,CACJC,QAAQ,CAAE,GAAG,CACbC,IAAI,CAAE,cAAc,CACpBC,OAAO,CAAC,CAAC,CACTC,OAAO,CAAC,MACV,CAAC,CAAC,CAEH,CACD,CAAC,CAGD,mBACEf,IAAA,QAAKiB,SAAS,CAAC,oDAAoD,CAAAC,QAAA,cACjEhB,KAAA,QAAKe,SAAS,CAAC,6BAA6B,CAAAC,QAAA,eAC1ChB,KAAA,OAAIe,SAAS,CAAC,oCAAoC,CAAAC,QAAA,eAChDlB,IAAA,CAACL,OAAO,EAACe,EAAE,CAAC,GAAG,CAACO,SAAS,CAAC,EAAE,CAC3BE,OAAO,CAAEH,gBAAiB,CAAAE,QAAA,cAEzBlB,IAAA,OAAIiB,SAAS,CAAC,oCAAoC,CAAAC,QAAA,cAChDlB,IAAA,OAAIiB,SAAS,CAAC,WAAW,CAAAC,QAAA,CAAE,SAAO,CAAI,CAAC,CACrC,CAAC,CACE,CAAC,cAGVhB,KAAA,OAAIe,SAAS,CAAC,wDAAwD,CAAAC,QAAA,eAClElB,IAAA,QAAKiB,SAAS,CAAC,2BAA2B,CAAAC,QAAA,cACxChB,KAAA,WAAQiB,OAAO,CAAEV,iBAAkB,CAACQ,SAAS,CAAC,kCAAkC,CAAAC,QAAA,eAC9ElB,IAAA,OAAAkB,QAAA,CAAK,WAEL,CAAI,CAAC,cACLlB,IAAA,CAACJ,eAAe,EACdwB,IAAI,CAAEvB,WAAY,CAClBwB,KAAK,CAAE,CAAEC,KAAK,CAAE,SAAS,CAACC,UAAU,CAAC,MAAO,CAAE,CAC/C,CAAC,EACI,CAAC,CACN,CAAC,cAEJrB,KAAA,QAAKe,SAAS,CAAC,8JAA8J,CAAAC,QAAA,eAC3KlB,IAAA,CAACL,OAAO,EAACe,EAAE,CAAC,YAAY,CAAAQ,QAAA,cACtBlB,IAAA,WAASiB,SAAS,CAAC,GAAG,CAAAC,QAAA,cACtBlB,IAAA,OAAKqB,KAAK,CAAE,CAACG,YAAY,CAAC,MAAM,CAAE,CAACP,SAAS,CAAC,WAAW,CAAAC,QAAA,CAAC,SAAO,CAAI,CAAC,CAE7D,CAAC,CACF,CAAC,cAEVlB,IAAA,CAACL,OAAO,EAACe,EAAE,CAAC,WAAW,CAAAQ,QAAA,cACrBlB,IAAA,WAASiB,SAAS,CAAC,GAAG,CAAAC,QAAA,cAEtBlB,IAAA,OAAIiB,SAAS,CAAC,WAAW,CAAAC,QAAA,CAAC,SAAO,CAAI,CAAC,CAC9B,CAAC,CACF,CAAC,EACP,CAAC,EAEN,CAAC,cAEPlB,IAAA,CAACL,OAAO,EAACe,EAAE,CAAC,UAAU,CAACO,SAAS,CAAC,EAAE,CAACE,OAAO,CAAEH,gBAAiB,CAAAE,QAAA,cAC5DlB,IAAA,OAAIiB,SAAS,CAAC,oCAAoC,CAAAC,QAAA,cAChDlB,IAAA,OAAIiB,SAAS,CAAC,WAAW,CAAAC,QAAA,CAAE,SAAO,CAAI,CAAC,CACrC,CAAC,CACE,CAAC,EAIR,CAAC,cAELlB,IAAA,QAAKiB,SAAS,CAAC,eAAe,CAAM,CAAC,EAClC,CAAC,CACH,CAAC,CAEV,CAAC,CAED,cAAe,CAAAd,IAAI"},"metadata":{},"sourceType":"module","externalDependencies":[]}