From de38e09d95039aff6af6b59d3ab81a91f2e75e90 Mon Sep 17 00:00:00 2001
From: Vasily Inkovskiy <76574837+xxArchitect@users.noreply.github.com>
Date: Tue, 5 Jul 2022 12:13:11 -0400
Subject: [PATCH] Add Assignment component

---
 .../src/components/Assignment.svelte          | 32 +++++++++++++++++++
 1 file changed, 32 insertions(+)
 create mode 100644 autograder_svelte_frontend/src/components/Assignment.svelte

diff --git a/autograder_svelte_frontend/src/components/Assignment.svelte b/autograder_svelte_frontend/src/components/Assignment.svelte
new file mode 100644
index 0000000..0f115db
--- /dev/null
+++ b/autograder_svelte_frontend/src/components/Assignment.svelte
@@ -0,0 +1,32 @@
+<script>
+  export let title, dueDate, description;
+</script>
+
+
+<h3 class="title">{title}</h3>
+<p class="due-date">{dueDate}</p>
+<p class="description">{description}</p>
+
+
+<style>
+  * {
+    margin-left: 0.5rem;
+    width: 50rem;
+  }
+
+  .title {
+    margin-top: 0.25rem inherit;
+    color:rgb(34, 34, 34);
+  }
+
+  .due-date {
+    color: rgb(217, 79, 79);
+    margin-bottom: 0;
+  }
+
+  .description {
+    margin-top: 0.5rem;
+    font-size: 1.2rem;
+    color:rgb(43, 42, 42);
+  }
+</style>
\ No newline at end of file