{"version":3,"file":"SizedButton.CSS3Ch7G.mjs","names":["_Fragment"],"sources":["https:/framerusercontent.com/modules/FNHJiSehcTIaL1CLXhFL/POaj8r26N6LlqZMqK1kr/SizedButton.js"],"sourcesContent":["// SizedButton with size control and editable text\nimport{jsx as _jsx,jsxs as _jsxs,Fragment as _Fragment}from\"react/jsx-runtime\";import{addPropertyControls,ControlType}from\"framer\";/**\n * @framerSupportedLayoutWidth auto\n * @framerSupportedLayoutHeight auto\n */export default function SizedButton(props){const{label,textColor,borderColor,borderRadius,paddingX,paddingY,borderThickness,font,link}=props;const handleClick=()=>{if(link&&typeof window!==\"undefined\"){window.location.href=link;}};return /*#__PURE__*/_jsxs(_Fragment,{children:[/*#__PURE__*/_jsx(\"style\",{children:`\n                .responsive-button {\n                    font-size: ${font.fontSize||\"14px\"};\n                }\n                \n                @media (max-width: 1024px) {\n                    .responsive-button {\n                        font-size: calc(${font.fontSize||\"14px\"} * 0.85);\n                    }\n                }\n                \n                @media (max-width: 768px) {\n                    .responsive-button {\n                        font-size: calc(${font.fontSize||\"14px\"} * 0.7);\n                    }\n                }\n            `}),/*#__PURE__*/_jsx(\"button\",{className:\"responsive-button\",style:{position:\"relative\",backgroundColor:\"transparent\",color:textColor,borderRadius,paddingLeft:paddingX,paddingRight:paddingX,paddingTop:paddingY,paddingBottom:paddingY,border:`${borderThickness}px solid ${borderColor}`,cursor:\"pointer\",width:\"max-content\",transition:\"all 0.3s ease\",...font},onClick:handleClick,onMouseEnter:e=>{e.currentTarget.style.backgroundColor=\"white\";e.currentTarget.style.color=\"black\";e.currentTarget.style.transform=\"scale(1.1)\";},onMouseLeave:e=>{e.currentTarget.style.backgroundColor=\"transparent\";e.currentTarget.style.color=textColor;e.currentTarget.style.transform=\"scale(1)\";},children:label})]});}addPropertyControls(SizedButton,{label:{type:ControlType.String,title:\"Label\",defaultValue:\"Click Me\",displayTextArea:true},link:{type:ControlType.Link,title:\"Link\"},textColor:{type:ControlType.Color,title:\"Text Color\",defaultValue:\"#FFFFFF\"},borderColor:{type:ControlType.Color,title:\"Border Color\",defaultValue:\"#FFFFFF\"},borderThickness:{type:ControlType.Number,title:\"Border Thickness\",defaultValue:2,min:1,max:10,step:1,unit:\"px\"},borderRadius:{type:ControlType.Number,title:\"Radius\",defaultValue:8,min:0,max:50,step:1,unit:\"px\"},paddingX:{type:ControlType.Number,title:\"Padding X\",defaultValue:24,min:0,max:100,step:1,unit:\"px\"},paddingY:{type:ControlType.Number,title:\"Padding Y\",defaultValue:12,min:0,max:100,step:1,unit:\"px\"},font:{type:ControlType.Font,title:\"Font\",controls:\"extended\",defaultFontType:\"sans-serif\",defaultValue:{fontSize:\"14px\",variant:\"Semibold\",letterSpacing:\"-0.01em\",lineHeight:\"1em\"}}});\nexport const __FramerMetadata__ = {\"exports\":{\"default\":{\"type\":\"reactComponent\",\"name\":\"SizedButton\",\"slots\":[],\"annotations\":{\"framerSupportedLayoutWidth\":\"auto\",\"framerSupportedLayoutHeight\":\"auto\",\"framerContractVersion\":\"1\"}},\"__FramerMetadata__\":{\"type\":\"variable\"}}}\n//# sourceMappingURL=./SizedButton.map"],"mappings":"uRAIG,SAAwB,EAAY,EAAM,CAAC,GAAK,CAAC,QAAM,YAAU,cAAY,eAAa,WAAS,WAAS,kBAAgB,OAAK,QAAM,EAAY,MAAgB,CAAI,GAAa,IAAS,SAAa,EAAO,SAAS,KAAK,IAAQ,OAAoB,EAAMA,EAAU,CAAC,SAAS,CAAc,EAAK,QAAQ,CAAC,SAAS;;iCAE5R,EAAK,UAAU,OAAO;;;;;0CAKb,EAAK,UAAU,OAAO;;;;;;0CAMtB,EAAK,UAAU,OAAO;;;cAGlD,CAAC,CAAc,EAAK,SAAS,CAAC,UAAU,oBAAoB,MAAM,CAAC,SAAS,WAAW,gBAAgB,cAAc,MAAM,EAAU,eAAa,YAAY,EAAS,aAAa,EAAS,WAAW,EAAS,cAAc,EAAS,OAAO,GAAG,EAAgB,WAAW,IAAc,OAAO,UAAU,MAAM,cAAc,WAAW,gBAAgB,GAAG,EAAK,CAAC,QAAQ,EAAY,aAAa,GAAG,CAAC,EAAE,cAAc,MAAM,gBAAgB,QAAQ,EAAE,cAAc,MAAM,MAAM,QAAQ,EAAE,cAAc,MAAM,UAAU,cAAe,aAAa,GAAG,CAAC,EAAE,cAAc,MAAM,gBAAgB,cAAc,EAAE,cAAc,MAAM,MAAM,EAAU,EAAE,cAAc,MAAM,UAAU,YAAa,SAAS,EAAM,CAAC,CAAC,CAAC,CAAC,sBAnBpnB,IAAoD,CAmBkkB,EAAoB,EAAY,CAAC,MAAM,CAAC,KAAK,EAAY,OAAO,MAAM,QAAQ,aAAa,WAAW,gBAAgB,GAAK,CAAC,KAAK,CAAC,KAAK,EAAY,KAAK,MAAM,OAAO,CAAC,UAAU,CAAC,KAAK,EAAY,MAAM,MAAM,aAAa,aAAa,UAAU,CAAC,YAAY,CAAC,KAAK,EAAY,MAAM,MAAM,eAAe,aAAa,UAAU,CAAC,gBAAgB,CAAC,KAAK,EAAY,OAAO,MAAM,mBAAmB,aAAa,EAAE,IAAI,EAAE,IAAI,GAAG,KAAK,EAAE,KAAK,KAAK,CAAC,aAAa,CAAC,KAAK,EAAY,OAAO,MAAM,SAAS,aAAa,EAAE,IAAI,EAAE,IAAI,GAAG,KAAK,EAAE,KAAK,KAAK,CAAC,SAAS,CAAC,KAAK,EAAY,OAAO,MAAM,YAAY,aAAa,GAAG,IAAI,EAAE,IAAI,IAAI,KAAK,EAAE,KAAK,KAAK,CAAC,SAAS,CAAC,KAAK,EAAY,OAAO,MAAM,YAAY,aAAa,GAAG,IAAI,EAAE,IAAI,IAAI,KAAK,EAAE,KAAK,KAAK,CAAC,KAAK,CAAC,KAAK,EAAY,KAAK,MAAM,OAAO,SAAS,WAAW,gBAAgB,aAAa,aAAa,CAAC,SAAS,OAAO,QAAQ,WAAW,cAAc,UAAU,WAAW,MAAM,CAAC,CAAC,CAAC"}