chore: convert class components to functional (#2065)

1 files changed, 25 insertions, 0 deletions

diff --git a/src/components/services/content/ErrorHandlers/styles.ts b/src/components/services/content/ErrorHandlers/styles.ts
new file mode 100644
index 000000000..72d62f5e3
--- /dev/null
+++ b/src/components/services/content/ErrorHandlers/styles.ts
@@ -0,0 +1,25 @@
+export default (theme) => ({
+  component: {
+    left: 0,
+    position: 'absolute',
+    top: 0,
+    width: '100%',
+    zIndex: 0,
+    alignItems: 'center',
+    background: theme.colorWebviewErrorHandlerBackground,
+    display: 'flex',
+    flexDirection: 'column',
+    justifyContent: 'center',
+    textAlign: 'center',
+  },
+  buttonContainer: {
+    display: 'flex',
+    flexDirection: 'row',
+    height: 'auto',
+    margin: [40, 0, 20],
+
+    '& button': {
+      margin: [0, 10, 0, 10],
+    },
+  },
+});