1 files changed, 23 insertions, 0 deletions

diff --git a/fe/src/lib/Card.svelte b/fe/src/lib/Card.svelte
new file mode 100644
index 0000000..cd1e02c
--- /dev/null
+++ b/fe/src/lib/Card.svelte
@@ -0,0 +1,23 @@
+<script lang="ts">
+    export let title = "";
+</script>
+
+<div class="card">
+    {#if title}
+        <h2>{title}</h2>
+    {/if}
+    <slot />
+</div>
+
+<style>
+    .card {
+        background: #fff;
+        display: flex;
+        flex-direction: column;
+        align-items: flex-start;
+        border: solid 2px #00000066;
+        border-radius: 0.25em;
+        height: var(--height, fit-content);
+        overflow-y: var(--overflow, initial);
+    }
+</style>