{"ast":null,"code":"var _jsxFileName = \"C:\\\\Users\\\\user\\\\Desktop\\\\000newport\\\\src\\\\components\\\\pages\\\\portfolio-page\\\\components\\\\Crea4.js\";\nimport React, { useEffect, useRef } from \"react\";\nimport { gsap } from \"gsap\";\nimport { ScrollTrigger } from \"gsap/ScrollTrigger\";\nimport Crea5 from \"../../../crea5\";\nimport { jsxDEV as _jsxDEV } from \"react/jsx-dev-runtime\";\nimport { Fragment as _Fragment } from \"react/jsx-dev-runtime\";\nconst Crea4 = () => {\n  const items = document.querySelectorAll(\".item\");\n  gsap.defaults({\n    duration: 0.3\n  });\n  items.forEach(function (item, index) {\n    const tween = gsap.timeline({\n      paused: true\n    }).to(item.querySelector('.text'), {\n      color: 'white',\n      x: 5,\n      scale: 1.3,\n      transformOrigin: 'left center'\n    });\n    item.addEventListener('mouseenter', function () {\n      tween.play();\n    });\n    item.addEventListener('mouseleave', function () {\n      tween.reverse();\n    });\n  });\n  return /*#__PURE__*/_jsxDEV(_Fragment, {\n    children: /*#__PURE__*/_jsxDEV(\"div\", {\n      className: \"  bg-pink-500 overflow-hidden\",\n      children: [/*#__PURE__*/_jsxDEV(\"div\", {\n        className: \"item\",\n        children: /*#__PURE__*/_jsxDEV(\"h3\", {\n          className: \"text\",\n          children: \"passion\"\n        }, void 0, false, {\n          fileName: _jsxFileName,\n          lineNumber: 32,\n          columnNumber: 7\n        }, this)\n      }, void 0, false, {\n        fileName: _jsxFileName,\n        lineNumber: 30,\n        columnNumber: 7\n      }, this), /*#__PURE__*/_jsxDEV(\"div\", {\n        className: \"item\",\n        children: /*#__PURE__*/_jsxDEV(\"h3\", {\n          className: \"text\",\n          children: \"passion\"\n        }, void 0, false, {\n          fileName: _jsxFileName,\n          lineNumber: 36,\n          columnNumber: 7\n        }, this)\n      }, void 0, false, {\n        fileName: _jsxFileName,\n        lineNumber: 34,\n        columnNumber: 7\n      }, this), /*#__PURE__*/_jsxDEV(\"div\", {\n        className: \"item\",\n        children: /*#__PURE__*/_jsxDEV(\"h3\", {\n          className: \"text\",\n          children: \"passion\"\n        }, void 0, false, {\n          fileName: _jsxFileName,\n          lineNumber: 40,\n          columnNumber: 7\n        }, this)\n      }, void 0, false, {\n        fileName: _jsxFileName,\n        lineNumber: 38,\n        columnNumber: 7\n      }, this)]\n    }, void 0, true, {\n      fileName: _jsxFileName,\n      lineNumber: 29,\n      columnNumber: 6\n    }, this)\n  }, void 0, false);\n};\n_c = Crea4;\nexport default Crea4;\nvar _c;\n$RefreshReg$(_c, \"Crea4\");","map":{"version":3,"names":["React","useEffect","useRef","gsap","ScrollTrigger","Crea5","jsxDEV","_jsxDEV","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","fileName","_jsxFileName","lineNumber","columnNumber","_c","$RefreshReg$"],"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    \r\n    </>\r\n  );\r\n};\r\nexport default Crea4;\r\n"],"mappings":";AAAA,OAAOA,KAAK,IAAIC,SAAS,EAAEC,MAAM,QAAQ,OAAO;AAChD,SAASC,IAAI,QAAQ,MAAM;AAC3B,SAASC,aAAa,QAAQ,oBAAoB;AAClD,OAAOC,KAAK,MAAM,gBAAgB;AAAC,SAAAC,MAAA,IAAAC,OAAA;AAAA,SAAAC,QAAA,IAAAC,SAAA;AAEnC,MAAMC,KAAK,GAAGA,CAAA,KAAM;EAClB,MAAMC,KAAK,GAAGC,QAAQ,CAACC,gBAAgB,CAAC,OAAO,CAAC;EAChDV,IAAI,CAACW,QAAQ,CAAC;IAACC,QAAQ,EAAC;EAAG,CAAC,CAAC;EAE7BJ,KAAK,CAACK,OAAO,CAAC,UAASC,IAAI,EAACC,KAAK,EAAC;IAChC,MAAMC,KAAK,GAAGhB,IAAI,CACnBiB,QAAQ,CAAC;MAACC,MAAM,EAAC;IAAI,CAAC,CAAC,CACvBC,EAAE,CAACL,IAAI,CAACM,aAAa,CAAC,OAAO,CAAC,EAAE;MAACC,KAAK,EAAC,OAAO;MAAEC,CAAC,EAAC,CAAC;MAAEC,KAAK,EAAC,GAAG;MAAEC,eAAe,EAAC;IAAa,CAAC,CAAC;IAGhGV,IAAI,CAACW,gBAAgB,CAAC,YAAY,EAAE,YAAY;MAC9CT,KAAK,CAACU,IAAI,CAAC,CAAC;IACd,CAAC,CAAC;IAEFZ,IAAI,CAACW,gBAAgB,CAAC,YAAY,EAAE,YAAY;MAC9CT,KAAK,CAACW,OAAO,CAAC,CAAC;IACjB,CAAC,CAAC;EACF,CAAC,CAAC;EAIF,oBACEvB,OAAA,CAAAE,SAAA;IAAAsB,QAAA,eACCxB,OAAA;MAAKyB,SAAS,EAAC,+BAA+B;MAAAD,QAAA,gBAC7CxB,OAAA;QAAKyB,SAAS,EAAC,MAAM;QAAAD,QAAA,eAErBxB,OAAA;UAAIyB,SAAS,EAAC,MAAM;UAAAD,QAAA,EAAC;QAAO;UAAAE,QAAA,EAAAC,YAAA;UAAAC,UAAA;UAAAC,YAAA;QAAA,OAAI;MAAC;QAAAH,QAAA,EAAAC,YAAA;QAAAC,UAAA;QAAAC,YAAA;MAAA,OAC5B,CAAC,eACN7B,OAAA;QAAKyB,SAAS,EAAC,MAAM;QAAAD,QAAA,eAErBxB,OAAA;UAAIyB,SAAS,EAAC,MAAM;UAAAD,QAAA,EAAC;QAAO;UAAAE,QAAA,EAAAC,YAAA;UAAAC,UAAA;UAAAC,YAAA;QAAA,OAAI;MAAC;QAAAH,QAAA,EAAAC,YAAA;QAAAC,UAAA;QAAAC,YAAA;MAAA,OAC5B,CAAC,eACN7B,OAAA;QAAKyB,SAAS,EAAC,MAAM;QAAAD,QAAA,eAErBxB,OAAA;UAAIyB,SAAS,EAAC,MAAM;UAAAD,QAAA,EAAC;QAAO;UAAAE,QAAA,EAAAC,YAAA;UAAAC,UAAA;UAAAC,YAAA;QAAA,OAAI;MAAC;QAAAH,QAAA,EAAAC,YAAA;QAAAC,UAAA;QAAAC,YAAA;MAAA,OAC5B,CAAC;IAAA;MAAAH,QAAA,EAAAC,YAAA;MAAAC,UAAA;MAAAC,YAAA;IAAA,OACD;EAAC,gBAIN,CAAC;AAEP,CAAC;AAACC,EAAA,GA1CI3B,KAAK;AA2CX,eAAeA,KAAK;AAAC,IAAA2B,EAAA;AAAAC,YAAA,CAAAD,EAAA"},"metadata":{},"sourceType":"module","externalDependencies":[]}