{"version":3,"sources":["https://lively-kernel.org/lively4/lively4-jsx/src/client/reactive/components/rewritten/conduit/src/components/red-error-rp19.js"],"names":["ReactiveMorph","wrapperStyle","display","justifyContent","errorStyle","margin","borderRadius","padding","color","fontWeight","backgroundColor","RedError","render"],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;;;;;;AAEOA,mB;;;;;;;;;;;;;;;;;;;;;;;AAEP,YAAMC,eAAe;AACnBC,iBAAS,MADU;AAEnBC,wBAAgB;AAFG,OAArB;;;;;;;;;;;;;;;;;AAKA,YAAMC,aAAc;AAClBF,iBAAS,cADS;AAElBG,gBAAQ,WAFU;AAGlBC,sBAAc,KAHI;AAIlBC,iBAAS,UAJS;AAKlBC,eAAO,kBALW;AAMlBC,oBAAY,MANM;AAOlBC,yBAAiB;AAPC,OAApB;;;;;;;;;;;;;;;;;AAUe,YAAMC,QAAN,SAAuBX,aAAvB,CAAqC;AAAA;AAAA;AAAA;AAAA;AAAA;;AAAA;AAAA;AAAA;AAAA;;AAClDY,iBAAS;AACP,wKACeX,YADf,0MAEiBG,UAFjB,kFAGQ,IAHR;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAOD;;AATiD;;AAAA;;yBAA/BO,Q","file":"red-error-rp19.js","sourcesContent":["'enable rp19-jsx';\n\nimport ReactiveMorph from 'src/client/reactive/components/rewritten/conduit/rpComponents/reactiveMorph.js';\n\nconst wrapperStyle = {\n  display: 'flex',\n  justifyContent: 'center',\n};\n\nconst errorStyle  = {\n  display: 'inline-block',\n  margin: '20px auto',\n  borderRadius: '4px',\n  padding: '8px 15px',\n  color: 'rgb(240, 45, 45)',\n  fontWeight: 'bold',\n  backgroundColor: 'rgba(240, 45, 45, 0.1)'\n};\n\nexport default class RedError extends ReactiveMorph {\n  render() {\n    return (\n      <div style={ wrapperStyle }>\n        <div style={ errorStyle }>\n          { this.props.message }\n        </div>\n      </div>\n    );\n  }\n}"]}