From be952ba2da52d06ca934a7a041ff3ac6e3705586 Mon Sep 17 00:00:00 2001
From: Lea Anthony <lea.anthony@gmail.com>
Date: Mon, 12 Oct 2020 06:56:22 +1100
Subject: [PATCH] Terminal output component

---
 .../frontend/src/components/FakeTerm.svelte   | 37 +++++++++++++++++++
 1 file changed, 37 insertions(+)
 create mode 100644 v2/test/kitchensink/frontend/src/components/FakeTerm.svelte

diff --git a/v2/test/kitchensink/frontend/src/components/FakeTerm.svelte b/v2/test/kitchensink/frontend/src/components/FakeTerm.svelte
new file mode 100644
index 000000000..86d804e81
--- /dev/null
+++ b/v2/test/kitchensink/frontend/src/components/FakeTerm.svelte
@@ -0,0 +1,37 @@
+<script>
+    import { darkMode } from '../Store';
+
+    $: termClass = $darkMode ? 'faketerm-dark' : 'faketerm-light';
+</script>
+
+<div class="common {termClass}">
+<pre>
+<slot></slot>
+</pre>
+</div>
+
+<style>
+    pre {
+        margin: 0;
+        padding: 5px;
+    }
+
+    .common {
+        font-family: 'Courier New', Courier, monospace;
+        padding: 5px;
+        white-space: pre-line;
+        margin-top: 10px;
+        margin-bottom: 10px;
+        border: 1px solid #5555;
+    }
+
+    .faketerm-dark {
+        background-color: black;
+        color: white;
+    }
+
+    .faketerm-light {
+        background-color: #ddd;
+        color: black;
+    }
+</style>
\ No newline at end of file