{"version":3,"file":"Blog.koEGooAX.mjs","names":[],"sources":["https:/framerusercontent.com/modules/BCPJdUHnnj3iwtukQ9fW/SrsJF1bcSLoPtc01n261/Blog.js"],"sourcesContent":["import{jsx as _jsx}from\"react/jsx-runtime\";import{addPropertyControls,ControlType}from\"framer\";/**\n * @framerSupportedLayoutWidth fill\n * @framerSupportedLayoutHeight auto\n */export default function Blog(props){const{htmlContent,textColor,padding}=props;return /*#__PURE__*/_jsx(\"div\",{style:{width:\"100%\",height:\"auto\",padding:padding,color:textColor,fontSize:\"16px\",lineHeight:\"1.7\",textAlign:\"left\",fontFamily:\"Inter, sans-serif\",overflow:\"visible\"},// THIS IS THE MAGIC LINE: It renders your HTML\ndangerouslySetInnerHTML:{__html:htmlContent}});}addPropertyControls(Blog,{htmlContent:{title:\"Blog HTML\",type:ControlType.String,displayTextField:\"textarea\",defaultValue:\"<h1>Title</h1><p>Paste your HTML here...</p>\"},textColor:{title:\"Text Color\",type:ControlType.Color,defaultValue:\"#333333\"},padding:{title:\"Padding\",type:ControlType.Number,defaultValue:40,min:0,max:100}});\nexport const __FramerMetadata__ = {\"exports\":{\"default\":{\"type\":\"reactComponent\",\"name\":\"Blog\",\"slots\":[],\"annotations\":{\"framerContractVersion\":\"1\",\"framerSupportedLayoutHeight\":\"auto\",\"framerSupportedLayoutWidth\":\"fill\"}},\"__FramerMetadata__\":{\"type\":\"variable\"}}}\n//# sourceMappingURL=./Blog.map"],"mappings":"4JAGG,SAAwB,EAAK,EAAM,CAAC,GAAK,CAAC,cAAY,YAAU,WAAS,EAAM,OAAoB,EAAK,MAAM,CAAC,MAAM,CAAC,MAAM,OAAO,OAAO,OAAe,UAAQ,MAAM,EAAU,SAAS,OAAO,WAAW,MAAM,UAAU,OAAO,WAAW,oBAAoB,SAAS,UAAU,CACxR,wBAAwB,CAAC,OAAO,EAAY,CAAC,CAAC,kBAJH,IAAoD,CAI/C,EAAoB,EAAK,CAAC,YAAY,CAAC,MAAM,YAAY,KAAK,EAAY,OAAO,iBAAiB,WAAW,aAAa,+CAA+C,CAAC,UAAU,CAAC,MAAM,aAAa,KAAK,EAAY,MAAM,aAAa,UAAU,CAAC,QAAQ,CAAC,MAAM,UAAU,KAAK,EAAY,OAAO,aAAa,GAAG,IAAI,EAAE,IAAI,IAAI,CAAC,CAAC"}