{
  "version": 3,
  "sources": ["ssg:https://framerusercontent.com/modules/8IweeJso61UezaiL2NhI/VNRXoLzz0FinJNByJIWh/Button.js"],
  "sourcesContent": ["// Welcome to Code in Framer\n// Get Started: https://www.framer.com/developers/\nimport{jsx as _jsx,jsxs as _jsxs}from\"react/jsx-runtime\";import{addPropertyControls,ControlType}from\"framer\";import{useState}from\"react\";/**\n * These annotations control how your component sizes\n * Learn more: https://www.framer.com/developers/#code-components-auto-sizing\n *\n * @framerSupportedLayoutWidth any\n * @framerSupportedLayoutHeight any\n */export default function Button({color,text,borderRadiusHover,borderRadius,padding,backgroundColor,icon,iconStyle,fontSize,onClick}){const{top,left,bottom,right}=padding!==null&&padding!==void 0?padding:{};const[isHover,setIsHover]=useState(false);// This is a React component containing an Example component\n// - Replace <Example /> with your own code\n// - Find inspiration: https://www.framer.com/developers/\nconst onHover=()=>{setIsHover(true);};const onLeave=()=>{setIsHover(false);};return /*#__PURE__*/_jsxs(\"button\",{onMouseEnter:onHover,onMouseLeave:onLeave,style:{border:\"none\",padding:`${top}px ${left}px ${bottom}px ${right}px`,outline:\"none\",textTransform:\"uppercase\",background:backgroundColor,color:color,fontSize:`${fontSize}px`,lineHeight:\"18px\",fontWeight:500,transition:\"all .3s ease-in-out\",borderRadius:isHover?`${borderRadiusHover}px`:`${borderRadius}px`,cursor:\"pointer\",fontFamily:\"Inter, Inter Placeholder, sans-serif\",letterSpacing:\"0.1em\",display:\"inline-flex\",alignItems:\"center\",justifyContent:\"center\"},onClick:onClick,children:[text,icon&&/*#__PURE__*/_jsx(\"div\",{children:/*#__PURE__*/_jsx(\"img\",{style:{...iconStyle},...icon})})]});}addPropertyControls(Button,{text:{type:ControlType.String,defaultValue:\"\"},color:{type:ControlType.Color,defaultValue:\"#fff\"},backgroundColor:{type:ControlType.Color,defaultValue:\"#0049FF\"},borderRadius:{type:ControlType.Number,defaultValue:0},borderRadiusHover:{type:ControlType.Number,defaultValue:30},padding:{type:ControlType.Object,controls:{top:{type:ControlType.Number,defaultValue:15},left:{type:ControlType.Number,defaultValue:20},right:{type:ControlType.Number,defaultValue:15},bottom:{type:ControlType.Number,defaultValue:20}}},icon:{type:ControlType.ResponsiveImage},iconStyle:{type:ControlType.Object,controls:{width:{type:ControlType.Number,defaultValue:10},height:{type:ControlType.Number,defaultValue:10},marginLeft:{type:ControlType.Number,defaultValue:8}}},fontSize:{type:ControlType.Number,defaultValue:12}});\nexport const __FramerMetadata__ = {\"exports\":{\"default\":{\"type\":\"reactComponent\",\"name\":\"Button\",\"slots\":[],\"annotations\":{\"framerContractVersion\":\"1\",\"framerSupportedLayoutWidth\":\"any\",\"framerSupportedLayoutHeight\":\"any\"}},\"__FramerMetadata__\":{\"type\":\"variable\"}}}\n//# sourceMappingURL=./Button.map"],
  "mappings": "uGAQkB,SAARA,EAAwB,CAAC,MAAAC,EAAM,KAAAC,EAAK,kBAAAC,EAAkB,aAAAC,EAAa,QAAAC,EAAQ,gBAAAC,EAAgB,KAAAC,EAAK,UAAAC,EAAU,SAAAC,EAAS,QAAAC,CAAO,EAAE,CAAC,GAAK,CAAC,IAAAC,EAAI,KAAAC,EAAK,OAAAC,EAAO,MAAAC,CAAK,EAAET,GAAyC,CAAC,EAAO,CAACU,EAAQC,CAAU,EAAEC,EAAS,EAAK,EAG3K,OAAoBC,EAAM,SAAS,CAAC,aAAnG,IAAI,CAACF,EAAW,EAAI,CAAE,EAAkG,aAAlF,IAAI,CAACA,EAAW,EAAK,CAAE,EAAgF,MAAM,CAAC,OAAO,OAAO,QAAQ,GAAGL,OAASC,OAAUC,OAAYC,MAAU,QAAQ,OAAO,cAAc,YAAY,WAAWR,EAAgB,MAAML,EAAM,SAAS,GAAGQ,MAAa,WAAW,OAAO,WAAW,IAAI,WAAW,sBAAsB,aAAaM,EAAQ,GAAGZ,MAAsB,GAAGC,MAAiB,OAAO,UAAU,WAAW,uCAAuC,cAAc,QAAQ,QAAQ,cAAc,WAAW,SAAS,eAAe,QAAQ,EAAE,QAAQM,EAAQ,SAAS,CAACR,EAAKK,GAAmBY,EAAK,MAAM,CAAC,SAAsBA,EAAK,MAAM,CAAC,MAAM,CAAC,GAAGX,CAAS,EAAE,GAAGD,CAAI,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAE,CAACa,EAAoBpB,EAAO,CAAC,KAAK,CAAC,KAAKqB,EAAY,OAAO,aAAa,EAAE,EAAE,MAAM,CAAC,KAAKA,EAAY,MAAM,aAAa,MAAM,EAAE,gBAAgB,CAAC,KAAKA,EAAY,MAAM,aAAa,SAAS,EAAE,aAAa,CAAC,KAAKA,EAAY,OAAO,aAAa,CAAC,EAAE,kBAAkB,CAAC,KAAKA,EAAY,OAAO,aAAa,EAAE,EAAE,QAAQ,CAAC,KAAKA,EAAY,OAAO,SAAS,CAAC,IAAI,CAAC,KAAKA,EAAY,OAAO,aAAa,EAAE,EAAE,KAAK,CAAC,KAAKA,EAAY,OAAO,aAAa,EAAE,EAAE,MAAM,CAAC,KAAKA,EAAY,OAAO,aAAa,EAAE,EAAE,OAAO,CAAC,KAAKA,EAAY,OAAO,aAAa,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,KAAKA,EAAY,eAAe,EAAE,UAAU,CAAC,KAAKA,EAAY,OAAO,SAAS,CAAC,MAAM,CAAC,KAAKA,EAAY,OAAO,aAAa,EAAE,EAAE,OAAO,CAAC,KAAKA,EAAY,OAAO,aAAa,EAAE,EAAE,WAAW,CAAC,KAAKA,EAAY,OAAO,aAAa,CAAC,CAAC,CAAC,EAAE,SAAS,CAAC,KAAKA,EAAY,OAAO,aAAa,EAAE,CAAC,CAAC",
  "names": ["Button", "color", "text", "borderRadiusHover", "borderRadius", "padding", "backgroundColor", "icon", "iconStyle", "fontSize", "onClick", "top", "left", "bottom", "right", "isHover", "setIsHover", "ye", "u", "p", "addPropertyControls", "ControlType"]
}