{"version":3,"file":"CopyInput.DitASGpv.mjs","names":["useState"],"sources":["https:/framerusercontent.com/modules/IUAbRgkMVr0ex8dFAWB5/JrqksfnhXXQbqCSaci5v/CopyInput.js"],"sourcesContent":["// Input field with copy to clipboard functionality on click\nimport{jsx as _jsx,jsxs as _jsxs}from\"react/jsx-runtime\";import{useState,startTransition}from\"react\";import{addPropertyControls,ControlType}from\"framer\";/**\n * Copy Input Field\n *\n * @framerIntrinsicWidth 400\n * @framerIntrinsicHeight 60\n *\n * @framerSupportedLayoutWidth any-prefer-fixed\n * @framerSupportedLayoutHeight auto\n */export default function CopyInput(props){const{value=\"Viva con Agua\",placeholder=\"Enter text...\",backgroundColor=\"#FFFFFF\",borderColor=\"#CCCCCC\",textColor=\"#000000\",iconColor=\"#0066FF\",borderRadius=12,font}=props;const[copied,setCopied]=useState(false);const IconComponent=/*#__PURE__*/_jsx(\"svg\",{width:\"16\",height:\"19\",viewBox:\"0 0 16 19\",fill:\"currentColor\",xmlns:\"http://www.w3.org/2000/svg\",children:/*#__PURE__*/_jsx(\"path\",{d:\"M10.8333 0H1.66667C0.75 0 0 0.75 0 1.66667V12.5C0 12.9583 0.375 13.3333 0.833333 13.3333C1.29167 13.3333 1.66667 12.9583 1.66667 12.5V2.5C1.66667 2.04167 2.04167 1.66667 2.5 1.66667H10.8333C11.2917 1.66667 11.6667 1.29167 11.6667 0.833333C11.6667 0.375 11.2917 0 10.8333 0ZM11.325 3.825L15.35 7.85C15.6583 8.15833 15.8333 8.58333 15.8333 9.025V16.6667C15.8333 17.5833 15.0833 18.3333 14.1667 18.3333H4.99167C4.075 18.3333 3.33333 17.5833 3.33333 16.6667L3.34167 5C3.34167 4.08333 4.08333 3.33333 5 3.33333H10.1417C10.5833 3.33333 11.0083 3.50833 11.325 3.825ZM10.8333 9.16667H14.5833L10 4.58333V8.33333C10 8.79167 10.375 9.16667 10.8333 9.16667Z\",fill:\"#002E6D\"})});const handleClick=async()=>{if(typeof window!==\"undefined\"&&navigator.clipboard){try{await navigator.clipboard.writeText(value);startTransition(()=>setCopied(true));setTimeout(()=>{startTransition(()=>setCopied(false));},2e3);}catch(err){console.error(\"Failed to copy:\",err);}}};const isFixedWidth=props?.style&&props.style.width===\"100%\";return /*#__PURE__*/_jsxs(\"div\",{children:[/*#__PURE__*/_jsxs(\"div\",{onClick:handleClick,style:{...props.style,position:\"relative\",display:\"flex\",alignItems:\"center\",gap:16,padding:\"12px 16px\",backgroundColor,border:`1px solid ${borderColor}`,borderRadius,cursor:\"pointer\",transition:\"all 0.2s ease\",...isFixedWidth?{}:{minWidth:\"max-content\"}},onMouseEnter:e=>{e.currentTarget.style.borderColor=iconColor;e.currentTarget.style.boxShadow=`0 0 0 3px ${iconColor}15`;},onMouseLeave:e=>{e.currentTarget.style.borderColor=borderColor;e.currentTarget.style.boxShadow=\"none\";},children:[/*#__PURE__*/_jsx(\"span\",{style:{color:iconColor,display:\"flex\",alignItems:\"center\",justifyContent:\"center\",flexShrink:0},children:IconComponent}),/*#__PURE__*/_jsx(\"span\",{style:{...font,color:textColor,flex:1,userSelect:\"none\"},children:value||placeholder})]}),/*#__PURE__*/_jsx(\"span\",{style:{fontSize:14,color:\"#FFF\",fontWeight:600,pointerEvents:\"none\",paddingTop:\"8px\",display:\"block\",opacity:copied?.6:0},children:\"Kopiert!\"})]});}addPropertyControls(CopyInput,{value:{type:ControlType.String,title:\"Value\",defaultValue:\"Viva con Agua\"},placeholder:{type:ControlType.String,title:\"Placeholder\",defaultValue:\"Enter text...\"},backgroundColor:{type:ControlType.Color,title:\"Background\",defaultValue:\"#FFFFFF\"},borderColor:{type:ControlType.Color,title:\"Border\",defaultValue:\"#CCCCCC\"},textColor:{type:ControlType.Color,title:\"Text Color\",defaultValue:\"#000000\"},iconColor:{type:ControlType.Color,title:\"Icon Color\",defaultValue:\"#0066FF\"},borderRadius:{type:ControlType.Number,title:\"Border Radius\",defaultValue:12,min:0,max:50,step:1,unit:\"px\"},font:{type:ControlType.Font,title:\"Font\",defaultValue:{fontSize:\"18px\",variant:\"Regular\",letterSpacing:\"0em\",lineHeight:\"1.4em\"},controls:\"extended\",defaultFontType:\"sans-serif\"}});\nexport const __FramerMetadata__ = {\"exports\":{\"default\":{\"type\":\"reactComponent\",\"name\":\"CopyInput\",\"slots\":[],\"annotations\":{\"framerIntrinsicWidth\":\"400\",\"framerContractVersion\":\"1\",\"framerIntrinsicHeight\":\"60\",\"framerSupportedLayoutHeight\":\"auto\",\"framerSupportedLayoutWidth\":\"any-prefer-fixed\"}},\"__FramerMetadata__\":{\"type\":\"variable\"}}}\n//# sourceMappingURL=./CopyInput.map"],"mappings":"6MASG,SAAwB,EAAU,EAAM,CAAC,GAAK,CAAC,QAAM,gBAAgB,cAAY,gBAAgB,kBAAgB,UAAU,cAAY,UAAU,YAAU,UAAU,YAAU,UAAU,eAAa,GAAG,QAAM,EAAW,CAAC,EAAO,GAAWA,EAAS,EAAK,EAAQ,EAA2B,EAAK,MAAM,CAAC,MAAM,KAAK,OAAO,KAAK,QAAQ,YAAY,KAAK,eAAe,MAAM,6BAA6B,SAAsB,EAAK,OAAO,CAAC,EAAE,woBAAwoB,KAAK,SAAS,CAAC,CAAC,CAAC,EAAQ,EAAY,SAAS,CAAC,GAAU,IAAS,QAAa,EAAU,UAAW,GAAG,CAAC,MAAM,EAAU,UAAU,UAAU,CAAK,EAAE,MAAoB,EAAU,EAAI,CAAC,EAAE,eAAe,CAAC,MAAoB,EAAU,EAAK,CAAC,CAAE,EAAE,GAAG,CAAE,OAAO,EAAI,CAAC,QAAQ,MAAM,kBAAkB,CAAG,CAAE,CAAE,EAAQ,EAAa,GAAO,OAAO,EAAM,MAAM,QAAQ,OAAO,OAAoB,EAAM,MAAM,CAAC,SAAS,CAAc,EAAM,MAAM,CAAC,QAAQ,EAAY,MAAM,CAAC,GAAG,EAAM,MAAM,SAAS,WAAW,QAAQ,OAAO,WAAW,SAAS,IAAI,GAAG,QAAQ,YAAY,kBAAgB,OAAO,aAAa,IAAc,eAAa,OAAO,UAAU,WAAW,gBAAgB,GAAG,EAAa,CAAC,EAAE,CAAC,SAAS,aAAa,CAAC,EAAE,aAAa,GAAG,CAAC,EAAE,cAAc,MAAM,YAAY,EAAU,EAAE,cAAc,MAAM,UAAU,aAAa,EAAU,GAAI,EAAE,aAAa,GAAG,CAAC,EAAE,cAAc,MAAM,YAAY,EAAY,EAAE,cAAc,MAAM,UAAU,MAAO,EAAE,SAAS,CAAc,EAAK,OAAO,CAAC,MAAM,CAAC,MAAM,EAAU,QAAQ,OAAO,WAAW,SAAS,eAAe,SAAS,WAAW,CAAC,EAAE,SAAS,CAAa,CAAC,EAAe,EAAK,OAAO,CAAC,MAAM,CAAC,GAAG,EAAK,MAAM,EAAU,KAAK,EAAE,WAAW,MAAM,EAAE,SAAS,GAAO,CAAW,CAAC,CAAC,CAAC,CAAC,EAAe,EAAK,OAAO,CAAC,MAAM,CAAC,SAAS,GAAG,MAAM,OAAO,WAAW,IAAI,cAAc,OAAO,WAAW,MAAM,QAAQ,QAAQ,QAAQ,EAAO,GAAG,CAAC,EAAE,SAAS,UAAU,CAAC,CAAC,CAAC,CAAC,CAAE,qBARn2E,IAA4C,IAAoD,EAQowE,EAAoB,EAAU,CAAC,MAAM,CAAC,KAAK,EAAY,OAAO,MAAM,QAAQ,aAAa,eAAe,EAAE,YAAY,CAAC,KAAK,EAAY,OAAO,MAAM,cAAc,aAAa,eAAe,EAAE,gBAAgB,CAAC,KAAK,EAAY,MAAM,MAAM,aAAa,aAAa,SAAS,EAAE,YAAY,CAAC,KAAK,EAAY,MAAM,MAAM,SAAS,aAAa,SAAS,EAAE,UAAU,CAAC,KAAK,EAAY,MAAM,MAAM,aAAa,aAAa,SAAS,EAAE,UAAU,CAAC,KAAK,EAAY,MAAM,MAAM,aAAa,aAAa,SAAS,EAAE,aAAa,CAAC,KAAK,EAAY,OAAO,MAAM,gBAAgB,aAAa,GAAG,IAAI,EAAE,IAAI,GAAG,KAAK,EAAE,KAAK,IAAI,EAAE,KAAK,CAAC,KAAK,EAAY,KAAK,MAAM,OAAO,aAAa,CAAC,SAAS,OAAO,QAAQ,UAAU,cAAc,MAAM,WAAW,OAAO,EAAE,SAAS,WAAW,gBAAgB,YAAY,CAAC,CAAC"}