{"ast":null,"code":"var _jsxFileName = \"C:\\\\Users\\\\user\\\\Desktop\\\\000newport\\\\src\\\\components\\\\pages\\\\home\\\\components\\\\03competance\\\\components\\\\photo.js\";\nimport React, { Component } from \"react\";\nimport { jsxDEV as _jsxDEV } from \"react/jsx-dev-runtime\";\nclass Photo extends Component {\n  constructor(props) {\n    super(props);\n    this.handleMouseMove = e => {\n      const {\n        offsetLeft,\n        offsetTop\n      } = this.cardRef.current;\n      const {\n        width,\n        height\n      } = this.state;\n      this.setState({\n        mouseX: e.pageX - offsetLeft - width / 2,\n        mouseY: e.pageY - offsetTop - height / 2\n      });\n    };\n    this.handleMouseEnter = () => {\n      clearTimeout(this.state.mouseLeaveDelay);\n    };\n    this.handleMouseLeave = () => {\n      const mouseLeaveDelay = setTimeout(() => {\n        this.setState({\n          mouseX: 0,\n          mouseY: 0\n        });\n      }, 1000);\n      this.setState({\n        mouseLeaveDelay\n      });\n    };\n    this.state = {\n      width: 0,\n      height: 0,\n      mouseX: 0,\n      mouseY: 0,\n      mouseLeaveDelay: null\n    };\n    this.cardRef = /*#__PURE__*/React.createRef();\n  }\n  componentDidMount() {\n    this.setState({\n      width: this.cardRef.current.offsetWidth,\n      height: this.cardRef.current.offsetHeight\n    });\n  }\n  render() {\n    const {\n      dataImage\n    } = this.props;\n    const {\n      mouseX,\n      mouseY,\n      width,\n      height\n    } = this.state;\n    const cardStyle = {\n      transform: `rotateY(${mouseX / width * 55}deg) rotateX(${mouseY / height * 3}deg)`\n    };\n    const cardBgTransform = {\n      transform: `translateX(${mouseX / width * -40}px) translateY(${mouseY / height * -100}px)`\n    };\n    const cardBgImage = {\n      backgroundImage: `url(${dataImage})`\n    };\n    return /*#__PURE__*/_jsxDEV(\"div\", {\n      className: \"text_competence w-1/3 flex items-center justify-center max-lg:mt-3 lg:border lg:bg-neutral-300  \",\n      children: /*#__PURE__*/_jsxDEV(\"div\", {\n        className: \"flex    items-center justify-center \",\n        children: /*#__PURE__*/_jsxDEV(\"div\", {\n          className: \"w-2/3 flex ima relative shadow-lg shadow-neutral-600  \",\n          children: [/*#__PURE__*/_jsxDEV(\"a\", {\n            href: \"https://github.com/cundovar\",\n            target: \"_blank\",\n            className: \"absolute  iconGit h-6 w-6 flex items-center justify-center max-lg:-top-9 max-lg:left-40  max-sm:-top-7 max-sm:left-40\",\n            children: /*#__PURE__*/_jsxDEV(\"i\", {\n              className: \"fa-brands pink fa-github fa-xl  \"\n            }, void 0, false, {\n              fileName: _jsxFileName,\n              lineNumber: 80,\n              columnNumber: 13\n            }, this)\n          }, void 0, false, {\n            fileName: _jsxFileName,\n            lineNumber: 75,\n            columnNumber: 11\n          }, this), /*#__PURE__*/_jsxDEV(\"a\", {\n            href: \"https://www.linkedin.com/in/facundo-varas/ \",\n            target: \"_blank\",\n            className: \"absolute iconLinke h-6 w-6 flex items-center justify-center max-lg:-top-9 max-lg:left-12 max-sm:-top-7 max-sm:left-28\",\n            children: /*#__PURE__*/_jsxDEV(\"i\", {\n              className: \"fa-brands pink  fa-linkedin fa-xl\"\n            }, void 0, false, {\n              fileName: _jsxFileName,\n              lineNumber: 90,\n              columnNumber: 13\n            }, this)\n          }, void 0, false, {\n            fileName: _jsxFileName,\n            lineNumber: 85,\n            columnNumber: 11\n          }, this), /*#__PURE__*/_jsxDEV(\"img\", {\n            src: \"/images/moi.jpg\",\n            className: \"\"\n          }, void 0, false, {\n            fileName: _jsxFileName,\n            lineNumber: 93,\n            columnNumber: 11\n          }, this)]\n        }, void 0, true, {\n          fileName: _jsxFileName,\n          lineNumber: 74,\n          columnNumber: 9\n        }, this)\n      }, void 0, false, {\n        fileName: _jsxFileName,\n        lineNumber: 73,\n        columnNumber: 7\n      }, this)\n    }, void 0, false, {\n      fileName: _jsxFileName,\n      lineNumber: 72,\n      columnNumber: 5\n    }, this);\n  }\n}\nexport default Photo;","map":{"version":3,"names":["React","Component","jsxDEV","_jsxDEV","Photo","constructor","props","handleMouseMove","e","offsetLeft","offsetTop","cardRef","current","width","height","state","setState","mouseX","pageX","mouseY","pageY","handleMouseEnter","clearTimeout","mouseLeaveDelay","handleMouseLeave","setTimeout","createRef","componentDidMount","offsetWidth","offsetHeight","render","dataImage","cardStyle","transform","cardBgTransform","cardBgImage","backgroundImage","className","children","href","target","fileName","_jsxFileName","lineNumber","columnNumber","src"],"sources":["C:/Users/user/Desktop/000newport/src/components/pages/home/components/03competance/components/photo.js"],"sourcesContent":["import React, { Component } from \"react\";\r\n\r\n\r\nclass Photo extends Component{\r\n\r\n  constructor(props) {\r\n    super(props);\r\n\r\n    this.state = {\r\n      width: 0,\r\n      height: 0,\r\n      mouseX: 0,\r\n      mouseY: 0,\r\n      mouseLeaveDelay: null,\r\n    };\r\n\r\n    this.cardRef = React.createRef();\r\n  }\r\n\r\n  componentDidMount() {\r\n    this.setState({\r\n      width: this.cardRef.current.offsetWidth,\r\n      height: this.cardRef.current.offsetHeight,\r\n    });\r\n  }\r\n\r\n  handleMouseMove = (e) => {\r\n    const { offsetLeft, offsetTop } = this.cardRef.current;\r\n    const { width, height } = this.state;\r\n\r\n    this.setState({\r\n      mouseX: e.pageX - offsetLeft - width / 2,\r\n      mouseY: e.pageY - offsetTop - height / 2,\r\n    });\r\n  };\r\n\r\n  handleMouseEnter = () => {\r\n    clearTimeout(this.state.mouseLeaveDelay);\r\n  };\r\n\r\n  handleMouseLeave = () => {\r\n    const mouseLeaveDelay = setTimeout(() => {\r\n      this.setState({\r\n        mouseX: 0,\r\n        mouseY: 0,\r\n      });\r\n    }, 1000);\r\n\r\n    this.setState({ mouseLeaveDelay });\r\n  };\r\n\r\n  render() {\r\n    const { dataImage } = this.props;\r\n    const { mouseX, mouseY, width, height } = this.state;\r\n\r\n    const cardStyle = {\r\n        \r\n      transform: `rotateY(${mouseX / width * 55}deg) rotateX(${mouseY / height * 3}deg)`,\r\n    };\r\n\r\n    const cardBgTransform = {\r\n      transform: `translateX(${mouseX / width * -40}px) translateY(${mouseY / height *-100}px)`,\r\n    };\r\n\r\n    const cardBgImage = {\r\n      backgroundImage: `url(${dataImage})`,\r\n    };\r\n\r\n  \r\n\r\n  return (\r\n    <div className=\"text_competence w-1/3 flex items-center justify-center max-lg:mt-3 lg:border lg:bg-neutral-300  \">\r\n      <div className=\"flex    items-center justify-center \">\r\n        <div className=\"w-2/3 flex ima relative shadow-lg shadow-neutral-600  \">\r\n          <a  \r\n            href=\"https://github.com/cundovar\"\r\n            target=\"_blank\"\r\n            className=\"absolute  iconGit h-6 w-6 flex items-center justify-center max-lg:-top-9 max-lg:left-40  max-sm:-top-7 max-sm:left-40\"\r\n          >\r\n            <i className=\"fa-brands pink fa-github fa-xl  \"></i>\r\n          </a>\r\n       \r\n\r\n      \r\n          <a\r\n            href=\"https://www.linkedin.com/in/facundo-varas/ \"\r\n            target=\"_blank\"\r\n            className=\"absolute iconLinke h-6 w-6 flex items-center justify-center max-lg:-top-9 max-lg:left-12 max-sm:-top-7 max-sm:left-28\"\r\n          >\r\n            <i className=\"fa-brands pink  fa-linkedin fa-xl\" ></i>\r\n          </a>\r\n         \r\n          <img src=\"/images/moi.jpg\" className=\"\" />\r\n        </div>\r\n      </div>\r\n    </div>\r\n  );\r\n};\r\n}\r\n\r\n\r\nexport default Photo;\r\n"],"mappings":"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"},"metadata":{},"sourceType":"module","externalDependencies":[]}