From 39c599d2dedb7e5c7f3130aca4b290973691edd2 Mon Sep 17 00:00:00 2001
From: Lea Anthony <lea.anthony@gmail.com>
Date: Mon, 12 Oct 2020 06:56:32 +1100
Subject: [PATCH] Link component

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

diff --git a/v2/test/kitchensink/frontend/src/components/Link.svelte b/v2/test/kitchensink/frontend/src/components/Link.svelte
new file mode 100644
index 000000000..18313b27c
--- /dev/null
+++ b/v2/test/kitchensink/frontend/src/components/Link.svelte
@@ -0,0 +1,37 @@
+<script>
+    import runtime from '@wails/runtime';
+    import { darkMode } from '../Store';
+
+    export let href;
+
+    $: linkclass = darkMode ? 'dark' : 'light';
+
+    function openLink() {
+        runtime.Browser.OpenURL(href);
+    }
+</script>
+
+<span class="link {linkclass}" on:click="{openLink}"><slot></slot></span>
+
+<style>
+
+    .link {
+        text-decoration: underline;
+        cursor: pointer;
+    }
+
+    .link.dark:hover {
+        color: #ff8bfb;
+    }
+
+    .link.dark {
+        color: #ff8bfb88;
+    }
+
+    .link.light {
+        color: #5c5cff;
+        text-decoration: underline;
+    }
+
+    
+</style>
\ No newline at end of file