{"ast":null,"code":"import React,{useEffect,useRef}from\"react\";import{gsap}from\"gsap\";import{ScrollTrigger}from\"gsap/ScrollTrigger\";import Crea5 from\"../../../crea5\";import{jsx as _jsx}from\"react/jsx-runtime\";import{jsxs as _jsxs}from\"react/jsx-runtime\";import{Fragment as _Fragment}from\"react/jsx-runtime\";var Crea4=function Crea4(){var items=document.querySelectorAll(\".item\");gsap.defaults({duration:0.3});items.forEach(function(item,index){var tween=gsap.timeline({paused:true}).to(item.querySelector('.text'),{color:'white',x:5,scale:1.3,transformOrigin:'left center'});item.addEventListener('mouseenter',function(){tween.play();});item.addEventListener('mouseleave',function(){tween.reverse();});});return/*#__PURE__*/_jsxs(_Fragment,{children:[/*#__PURE__*/_jsxs(\"div\",{className:\"  bg-pink-500 overflow-hidden\",children:[/*#__PURE__*/_jsx(\"div\",{className:\"item\",children:/*#__PURE__*/_jsx(\"h3\",{className:\"text\",children:\"passion\"})}),/*#__PURE__*/_jsx(\"div\",{className:\"item\",children:/*#__PURE__*/_jsx(\"h3\",{className:\"text\",children:\"passion\"})}),/*#__PURE__*/_jsx(\"div\",{className:\"item\",children:/*#__PURE__*/_jsx(\"h3\",{className:\"text\",children:\"passion\"})})]}),/*#__PURE__*/_jsx(Crea5,{})]});};export default Crea4;","map":{"version":3,"names":["React","useEffect","useRef","gsap","ScrollTrigger","Crea5","jsx","_jsx","jsxs","_jsxs","Fragment","_Fragment","Crea4","items","document","querySelectorAll","defaults","duration","forEach","item","index","tween","timeline","paused","to","querySelector","color","x","scale","transformOrigin","addEventListener","play","reverse","children","className"],"sources":["C:/Users/user/Desktop/000newport/src/components/pages/portfolio-page/components/Crea4.js"],"sourcesContent":["import React, { useEffect, useRef } from \"react\";\r\nimport { gsap } from \"gsap\";\r\nimport { ScrollTrigger } from \"gsap/ScrollTrigger\";\r\nimport Crea5 from \"../../../crea5\";\r\n\r\nconst Crea4 = () => {\r\n  const items = document.querySelectorAll(\".item\");\r\n  gsap.defaults({duration:0.3});\r\n  \r\n  items.forEach(function(item,index){\r\n    const tween = gsap\r\n  .timeline({paused:true})\r\n  .to(item.querySelector('.text'), {color:'white', x:5, scale:1.3, transformOrigin:'left center'})\r\n \r\n  \r\n  item.addEventListener('mouseenter', function () {\r\n    tween.play();\r\n  })\r\n  \r\n  item.addEventListener('mouseleave', function () {\r\n    tween.reverse();\r\n  })\r\n  })\r\n  \r\n\r\n\r\n  return (\r\n    <>\r\n     <div className=\"  bg-pink-500 overflow-hidden\" >\r\n      <div className=\"item\">\r\n\r\n      <h3 className=\"text\">passion</h3>\r\n      </div>\r\n      <div className=\"item\">\r\n\r\n      <h3 className=\"text\">passion</h3>\r\n      </div>\r\n      <div className=\"item\">\r\n\r\n      <h3 className=\"text\">passion</h3>\r\n      </div>\r\n      </div>\r\n   \r\n    \r\n    <Crea5/>\r\n    </>\r\n  );\r\n};\r\nexport default Crea4;\r\n"],"mappings":"AAAA,MAAO,CAAAA,KAAK,EAAIC,SAAS,CAAEC,MAAM,KAAQ,OAAO,CAChD,OAASC,IAAI,KAAQ,MAAM,CAC3B,OAASC,aAAa,KAAQ,oBAAoB,CAClD,MAAO,CAAAC,KAAK,KAAM,gBAAgB,CAAC,OAAAC,GAAA,IAAAC,IAAA,gCAAAC,IAAA,IAAAC,KAAA,gCAAAC,QAAA,IAAAC,SAAA,yBAEnC,GAAM,CAAAC,KAAK,CAAG,QAAR,CAAAA,KAAKA,CAAA,CAAS,CAClB,GAAM,CAAAC,KAAK,CAAGC,QAAQ,CAACC,gBAAgB,CAAC,OAAO,CAAC,CAChDZ,IAAI,CAACa,QAAQ,CAAC,CAACC,QAAQ,CAAC,GAAG,CAAC,CAAC,CAE7BJ,KAAK,CAACK,OAAO,CAAC,SAASC,IAAI,CAACC,KAAK,CAAC,CAChC,GAAM,CAAAC,KAAK,CAAGlB,IAAI,CACnBmB,QAAQ,CAAC,CAACC,MAAM,CAAC,IAAI,CAAC,CAAC,CACvBC,EAAE,CAACL,IAAI,CAACM,aAAa,CAAC,OAAO,CAAC,CAAE,CAACC,KAAK,CAAC,OAAO,CAAEC,CAAC,CAAC,CAAC,CAAEC,KAAK,CAAC,GAAG,CAAEC,eAAe,CAAC,aAAa,CAAC,CAAC,CAGhGV,IAAI,CAACW,gBAAgB,CAAC,YAAY,CAAE,UAAY,CAC9CT,KAAK,CAACU,IAAI,CAAC,CAAC,CACd,CAAC,CAAC,CAEFZ,IAAI,CAACW,gBAAgB,CAAC,YAAY,CAAE,UAAY,CAC9CT,KAAK,CAACW,OAAO,CAAC,CAAC,CACjB,CAAC,CAAC,CACF,CAAC,CAAC,CAIF,mBACEvB,KAAA,CAAAE,SAAA,EAAAsB,QAAA,eACCxB,KAAA,QAAKyB,SAAS,CAAC,+BAA+B,CAAAD,QAAA,eAC7C1B,IAAA,QAAK2B,SAAS,CAAC,MAAM,CAAAD,QAAA,cAErB1B,IAAA,OAAI2B,SAAS,CAAC,MAAM,CAAAD,QAAA,CAAC,SAAO,CAAI,CAAC,CAC5B,CAAC,cACN1B,IAAA,QAAK2B,SAAS,CAAC,MAAM,CAAAD,QAAA,cAErB1B,IAAA,OAAI2B,SAAS,CAAC,MAAM,CAAAD,QAAA,CAAC,SAAO,CAAI,CAAC,CAC5B,CAAC,cACN1B,IAAA,QAAK2B,SAAS,CAAC,MAAM,CAAAD,QAAA,cAErB1B,IAAA,OAAI2B,SAAS,CAAC,MAAM,CAAAD,QAAA,CAAC,SAAO,CAAI,CAAC,CAC5B,CAAC,EACD,CAAC,cAGR1B,IAAA,CAACF,KAAK,GAAC,CAAC,EACN,CAAC,CAEP,CAAC,CACD,cAAe,CAAAO,KAAK"},"metadata":{},"sourceType":"module","externalDependencies":[]}