{"version":3,"file":"AppModule.B1f0NYYu.mjs","names":[],"sources":["https:/framerusercontent.com/modules/inCe6bC3lbqxnlUE4yar/xivWWBJuoXAaagTxCNYK/AppModule.js"],"sourcesContent":["// App module button-style component with large radius grey border and no click interaction\nimport{jsx as _jsx}from\"react/jsx-runtime\";import{addPropertyControls,ControlType}from\"framer\";/**\n * @framerSupportedLayoutWidth auto\n * @framerSupportedLayoutHeight auto\n */export default function AppModule(props){const{text,backgroundColor,borderColor,textColor,borderRadius,borderWidth,padding,font,smallScreen=false,style}=props;return /*#__PURE__*/_jsx(\"div\",{style:{...style,position:\"relative\",display:\"inline-flex\",alignItems:\"center\",justifyContent:\"center\",backgroundColor,border:`${borderWidth}px solid ${borderColor}`,borderRadius,padding,color:textColor,width:smallScreen?\"100%\":\"max-content\",...smallScreen?{maxWidth:\"100%\"}:{},whiteSpace:smallScreen?\"normal\":\"nowrap\",...smallScreen?{overflowWrap:\"anywhere\"}:{},...font,...smallScreen?{fontSize:20,lineHeight:\"1.2em\"}:{}},children:text});}addPropertyControls(AppModule,{text:{type:ControlType.String,title:\"Text\",defaultValue:\"App Module\"},backgroundColor:{type:ControlType.Color,title:\"Background\",defaultValue:\"#F5F5F5\"},borderColor:{type:ControlType.Color,title:\"Border Color\",defaultValue:\"#CCCCCC\"},textColor:{type:ControlType.Color,title:\"Text Color\",defaultValue:\"#000000\"},borderRadius:{type:ControlType.Number,title:\"Border Radius\",defaultValue:24,min:0,max:100,step:1,unit:\"px\"},borderWidth:{type:ControlType.Number,title:\"Border Width\",defaultValue:2,min:1,max:10,step:1,unit:\"px\"},padding:{type:ControlType.Padding,title:\"Padding\",defaultValue:\"20px 32px\"},font:{type:ControlType.Font,title:\"Font\",controls:\"extended\",defaultFontType:\"sans-serif\",defaultValue:{fontSize:\"15px\",variant:\"Medium\",letterSpacing:\"-0.01em\",lineHeight:\"1em\"}},smallScreen:{type:ControlType.Boolean,title:\"Small Screen\",defaultValue:false}});\nexport const __FramerMetadata__ = {\"exports\":{\"default\":{\"type\":\"reactComponent\",\"name\":\"AppModule\",\"slots\":[],\"annotations\":{\"framerContractVersion\":\"1\",\"framerSupportedLayoutWidth\":\"auto\",\"framerSupportedLayoutHeight\":\"auto\"}},\"__FramerMetadata__\":{\"type\":\"variable\"}}}\n//# sourceMappingURL=./AppModule.map"],"mappings":"4JAIG,SAAwB,EAAU,EAAM,CAAC,GAAK,CAAC,OAAK,kBAAgB,cAAY,YAAU,eAAa,cAAY,UAAQ,OAAK,cAAY,GAAM,SAAO,EAAM,OAAoB,EAAK,MAAM,CAAC,MAAM,CAAC,GAAG,EAAM,SAAS,WAAW,QAAQ,cAAc,WAAW,SAAS,eAAe,SAAS,kBAAgB,OAAO,GAAG,EAAY,WAAW,IAAc,eAAa,UAAQ,MAAM,EAAU,MAAM,EAAY,OAAO,cAAc,GAAG,EAAY,CAAC,SAAS,MAAM,EAAE,CAAC,EAAE,WAAW,EAAY,SAAS,SAAS,GAAG,EAAY,CAAC,aAAa,UAAU,EAAE,CAAC,EAAE,GAAG,EAAK,GAAG,EAAY,CAAC,SAAS,GAAG,WAAW,OAAO,EAAE,CAAC,CAAC,EAAE,SAAS,CAAI,CAAC,CAAE,iBAH9kB,IAAoD,EAG2hB,EAAoB,EAAU,CAAC,KAAK,CAAC,KAAK,EAAY,OAAO,MAAM,OAAO,aAAa,YAAY,EAAE,gBAAgB,CAAC,KAAK,EAAY,MAAM,MAAM,aAAa,aAAa,SAAS,EAAE,YAAY,CAAC,KAAK,EAAY,MAAM,MAAM,eAAe,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,IAAI,KAAK,EAAE,KAAK,IAAI,EAAE,YAAY,CAAC,KAAK,EAAY,OAAO,MAAM,eAAe,aAAa,EAAE,IAAI,EAAE,IAAI,GAAG,KAAK,EAAE,KAAK,IAAI,EAAE,QAAQ,CAAC,KAAK,EAAY,QAAQ,MAAM,UAAU,aAAa,WAAW,EAAE,KAAK,CAAC,KAAK,EAAY,KAAK,MAAM,OAAO,SAAS,WAAW,gBAAgB,aAAa,aAAa,CAAC,SAAS,OAAO,QAAQ,SAAS,cAAc,UAAU,WAAW,KAAK,CAAC,EAAE,YAAY,CAAC,KAAK,EAAY,QAAQ,MAAM,eAAe,aAAa,EAAK,CAAC,CAAC"}