1 files changed, 18 insertions, 0 deletions
diff --git a/assets/src/components/Header.svelte b/assets/src/components/Header.svelte
new file mode 100644
index 0000000..c956ca9
--- /dev/null
+++ b/assets/src/components/Header.svelte
@@ -0,0 +1,18 @@
+<script lang="ts">
+    import RookIcon from "./icons/RookIcon.svelte";
+
+    export let color: "white" | "black";
+</script>
+
+<header>
+    <RookIcon color={color === "black" ? "white" : "black"} />
+</header>
+
+<style>
+    header {
+        padding: 5rem;
+        box-sizing: border-box;
+        position: absolute;
+        width: 100%;
+    }
+</style>