{"version":3,"file":"PadelTerug.v-G-RdFa.mjs","names":["useRef","useState"],"sources":["https:/framerusercontent.com/modules/tiUMTpSvP95XfKLphICI/4ue8rRZx2eOQwksx72PA/PadelTerug.js"],"sourcesContent":["import{jsx as _jsx,jsxs as _jsxs}from\"react/jsx-runtime\";import{addPropertyControls,ControlType}from\"framer\";import{useRef,useEffect,useState}from\"react\";export default function PadelTerug(props){const{tekst=\"Alles over Padel4Kidnie vind je op de homepagina.\",knopLabel=\"Terug naar home\",knopUrl=\"/padel\",knopKleur=\"#0EA5E9\",knopTekstKleur=\"#FFFFFF\",backgroundColor=\"#FFFFFF\",textColor=\"#475569\",fontFamily=\"Poppins, sans-serif\",headingFont=\"futura-pt-bold, Poppins, sans-serif\",style}=props;const containerRef=useRef(null);const[isMobile,setIsMobile]=useState(false);useEffect(()=>{const check=()=>{if(containerRef.current)setIsMobile(containerRef.current.offsetWidth<720);};check();const ro=new ResizeObserver(check);if(containerRef.current)ro.observe(containerRef.current);return()=>ro.disconnect();},[]);const handleKlik=()=>{if(!knopUrl)return;if(knopUrl.startsWith(\"http\")){window.open(knopUrl,\"_blank\",\"noopener,noreferrer\");}else{window.location.href=knopUrl;}};return /*#__PURE__*/_jsx(\"div\",{ref:containerRef,style:{width:\"100%\",padding:isMobile?\"20px 20px\":\"24px 48px\",boxSizing:\"border-box\",backgroundColor,fontFamily,...style},children:/*#__PURE__*/_jsxs(\"div\",{style:{maxWidth:1200,margin:\"0 auto\",display:\"flex\",flexDirection:isMobile?\"column\":\"row\",alignItems:\"center\",justifyContent:\"center\",gap:isMobile?12:20,textAlign:\"center\"},children:[tekst?/*#__PURE__*/_jsx(\"span\",{style:{fontSize:isMobile?14:16,color:textColor,lineHeight:1.5},children:tekst}):null,knopLabel?/*#__PURE__*/_jsxs(\"button\",{onClick:handleKlik,style:{padding:isMobile?\"12px 22px\":\"12px 24px\",fontSize:isMobile?15:16,fontWeight:600,fontFamily:headingFont,color:knopTekstKleur,backgroundColor:knopKleur,border:\"none\",borderRadius:999,cursor:\"pointer\",display:\"inline-flex\",alignItems:\"center\",gap:8,whiteSpace:\"nowrap\",transition:\"transform 0.15s ease\"},onMouseEnter:e=>{e.currentTarget.style.transform=\"translateY(-1px)\";},onMouseLeave:e=>{e.currentTarget.style.transform=\"translateY(0)\";},onMouseDown:e=>{e.currentTarget.style.transform=\"translateY(1px) scale(0.97)\";},onMouseUp:e=>{e.currentTarget.style.transform=\"translateY(-1px)\";},children:[/*#__PURE__*/_jsxs(\"svg\",{width:\"16\",height:\"16\",viewBox:\"0 0 24 24\",fill:\"none\",stroke:\"currentColor\",strokeWidth:\"3\",strokeLinecap:\"round\",strokeLinejoin:\"round\",children:[/*#__PURE__*/_jsx(\"line\",{x1:\"19\",y1:\"12\",x2:\"5\",y2:\"12\"}),/*#__PURE__*/_jsx(\"polyline\",{points:\"12 19 5 12 12 5\"})]}),/*#__PURE__*/_jsx(\"span\",{children:knopLabel})]}):null]})});}addPropertyControls(PadelTerug,{tekst:{type:ControlType.String,title:\"Tekst\",defaultValue:\"Alles over Padel4Kidnie vind je op de homepagina.\",displayTextArea:true,description:\"Leeg = alleen de knop\"},knopLabel:{type:ControlType.String,title:\"Knop tekst\",defaultValue:\"Terug naar home\"},knopUrl:{type:ControlType.String,title:\"Knop URL\",defaultValue:\"/padel\",description:\"Pad naar de homepagina\"},knopKleur:{type:ControlType.Color,title:\"Knop kleur\",defaultValue:\"#0EA5E9\"},knopTekstKleur:{type:ControlType.Color,title:\"Knop tekst kleur\",defaultValue:\"#FFFFFF\",description:\"Tekst en pijltje in de knop\"},backgroundColor:{type:ControlType.Color,title:\"Achtergrond\",defaultValue:\"#FFFFFF\"},textColor:{type:ControlType.Color,title:\"Tekst kleur\",defaultValue:\"#475569\"},fontFamily:{type:ControlType.String,title:\"Tekst font\",defaultValue:\"Poppins, sans-serif\"},headingFont:{type:ControlType.String,title:\"Titel font\",defaultValue:\"futura-pt-bold, Poppins, sans-serif\"}});\nexport const __FramerMetadata__ = {\"exports\":{\"default\":{\"type\":\"reactComponent\",\"name\":\"PadelTerug\",\"slots\":[],\"annotations\":{\"framerContractVersion\":\"1\"}},\"__FramerMetadata__\":{\"type\":\"variable\"}}}\n//# sourceMappingURL=./PadelTerug.map"],"mappings":"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"}