{"version":3,"file":"ErrorWithStack.cjs","sources":["../../../../src/components/ErrorBoundary/ErrorWithStack.tsx"],"sourcesContent":["import { css } from '@emotion/css';\n\nimport { useStyles2 } from '../../themes/ThemeContext';\n\nimport { ErrorBoundaryApi } from './ErrorBoundary';\n\nexport interface Props extends ErrorBoundaryApi {\n  title: string;\n}\n\nexport const ErrorWithStack = ({ error, errorInfo, title }: Props) => {\n  const style = useStyles2(getStyles);\n\n  return (\n    <div className={style}>\n      <h2>{title}</h2>\n      <details style={{ whiteSpace: 'pre-wrap' }}>\n        {error && error.toString()}\n        <br />\n        {errorInfo && errorInfo.componentStack}\n      </details>\n    </div>\n  );\n};\n\nErrorWithStack.displayName = 'ErrorWithStack';\n\nconst getStyles = () => {\n  return css({\n    width: '500px',\n    margin: '64px auto',\n  });\n};\n"],"names":["useStyles2","jsxs","jsx","css"],"mappings":";;;;;;;;;AAUO,MAAM,iBAAiB,CAAC,EAAE,KAAA,EAAO,SAAA,EAAW,OAAM,KAAa;AACpE,EAAA,MAAM,KAAA,GAAQA,wBAAW,SAAS,CAAA;AAElC,EAAA,uBACEC,eAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAW,KAAA,EACd,QAAA,EAAA;AAAA,oBAAAC,cAAA,CAAC,QAAI,QAAA,EAAA,KAAA,EAAM,CAAA;AAAA,oCACV,SAAA,EAAA,EAAQ,KAAA,EAAO,EAAE,UAAA,EAAY,YAAW,EACtC,QAAA,EAAA;AAAA,MAAA,KAAA,IAAS,MAAM,QAAA,EAAS;AAAA,qCACxB,IAAA,EAAA,EAAG,CAAA;AAAA,MACH,aAAa,SAAA,CAAU;AAAA,KAAA,EAC1B;AAAA,GAAA,EACF,CAAA;AAEJ;AAEA,cAAA,CAAe,WAAA,GAAc,gBAAA;AAE7B,MAAM,YAAY,MAAM;AACtB,EAAA,OAAOC,OAAA,CAAI;AAAA,IACT,KAAA,EAAO,OAAA;AAAA,IACP,MAAA,EAAQ;AAAA,GACT,CAAA;AACH,CAAA;;;;"}