{"ast":null,"code":"import React from\"react\";import UseFetch from\"../../../../../hooks/useFetch\";import{gsap}from\"gsap\";import{useEffect,useRef}from'react';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 Tecnologie=function Tecnologie(){var containerRef=useRef(null);useEffect(function(){var container=containerRef.current;// Créez une animation GSAP pour faire tourner le conteneur\ngsap.to(container,{rotation:360,// Rotation de 360 degrés (un cercle complet)\nduration:5,// Durée de l'animation (en secondes)\nrepeat:-1,// Répétez indéfiniment\nease:'linear'// Accélération linéaire\n});},[]);return/*#__PURE__*/_jsx(_Fragment,{children:/*#__PURE__*/_jsx(\"div\",{className:\" btn m-10 p-10\",children:/*#__PURE__*/_jsxs(\"div\",{className:\"text-circle-container border  h-64 w-64 \",children:[/*#__PURE__*/_jsx(\"h1\",{children:/*#__PURE__*/_jsx(\"span\",{style:{'--i':1},children:\"c\"})}),/*#__PURE__*/_jsx(\"h1\",{children:/*#__PURE__*/_jsx(\"span\",{style:{'--i':2},children:\"0\"})}),/*#__PURE__*/_jsx(\"h1\",{children:/*#__PURE__*/_jsx(\"span\",{style:{'--i':3},children:\"p\"})}),/*#__PURE__*/_jsx(\"h1\",{children:/*#__PURE__*/_jsx(\"span\",{style:{'--i':4},children:\"i\"})}),/*#__PURE__*/_jsx(\"h1\",{children:/*#__PURE__*/_jsx(\"span\",{style:{'--i':5},children:\"r\"})}),/*#__PURE__*/_jsx(\"h1\",{children:/*#__PURE__*/_jsx(\"span\",{style:{'--i':6},children:\"i\"})}),/*#__PURE__*/_jsx(\"h1\",{children:/*#__PURE__*/_jsx(\"span\",{style:{'--i':7},children:\"g\"})}),/*#__PURE__*/_jsx(\"h1\",{children:/*#__PURE__*/_jsx(\"span\",{style:{'--i':8},children:\"h\"})}),/*#__PURE__*/_jsx(\"h1\",{children:/*#__PURE__*/_jsx(\"span\",{style:{'--i':9},children:\"t\"})}),/*#__PURE__*/_jsx(\"h1\",{children:/*#__PURE__*/_jsx(\"span\",{style:{'--i':10},children:\"2\"})}),/*#__PURE__*/_jsx(\"h1\",{children:/*#__PURE__*/_jsx(\"span\",{style:{'--i':11},children:\"0\"})}),/*#__PURE__*/_jsx(\"h1\",{children:/*#__PURE__*/_jsx(\"span\",{style:{'--i':12},children:\"2\"})}),/*#__PURE__*/_jsx(\"h1\",{children:/*#__PURE__*/_jsx(\"span\",{style:{'--i':13},children:\"3\"})})]})})});};export default Tecnologie;","map":{"version":3,"names":["React","UseFetch","gsap","useEffect","useRef","jsx","_jsx","jsxs","_jsxs","Fragment","_Fragment","Tecnologie","containerRef","container","current","to","rotation","duration","repeat","ease","children","className","style"],"sources":["C:/Users/user/Desktop/02portreact/src/components/pages/home/components/03competance/components/tecnologie.js"],"sourcesContent":["import React from \"react\";\r\nimport UseFetch from \"../../../../../hooks/useFetch\";\r\nimport { gsap } from \"gsap\";\r\n\r\nimport { useEffect, useRef } from 'react';\r\n\r\nconst Tecnologie =()=>{\r\n    const containerRef = useRef(null);\r\n\r\n    useEffect(() => {\r\n      const container = containerRef.current;\r\n  \r\n      // Créez une animation GSAP pour faire tourner le conteneur\r\n      gsap.to(container, {\r\n        rotation: 360, // Rotation de 360 degrés (un cercle complet)\r\n        duration: 5, // Durée de l'animation (en secondes)\r\n        repeat: -1, // Répétez indéfiniment\r\n        ease: 'linear', // Accélération linéaire\r\n      });\r\n    }, []);\r\n  \r\n    return (\r\n      <>\r\n        \r\n      <div className=\" btn m-10 p-10\">\r\n        <div  className=\"text-circle-container border  h-64 w-64 \">\r\n        <h1><span style={{'--i': 1}}>c</span></h1>\r\n        <h1><span style={{'--i': 2}}>0</span></h1>\r\n        <h1><span style={{'--i': 3}}>p</span></h1>\r\n        <h1><span style={{'--i': 4}}>i</span></h1>\r\n        <h1><span style={{'--i': 5}}>r</span></h1>\r\n        <h1><span style={{'--i': 6}}>i</span></h1>\r\n        <h1><span style={{'--i': 7}}>g</span></h1>\r\n        <h1><span style={{'--i': 8}}>h</span></h1>\r\n        <h1><span style={{'--i': 9}}>t</span></h1>\r\n        <h1><span style={{'--i': 10}}>2</span></h1>\r\n        <h1><span style={{'--i': 11}}>0</span></h1>\r\n        <h1><span style={{'--i': 12}}>2</span></h1>\r\n        <h1><span style={{'--i': 13}}>3</span></h1>\r\n        </div>\r\n      </div>\r\n\r\n      </>\r\n    );\r\n  };\r\n \r\n\r\n\r\n\r\n\r\nexport default Tecnologie"],"mappings":"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"},"metadata":{},"sourceType":"module","externalDependencies":[]}