From 48b91409524ce4542421c4ba17964e16e99b0301 Mon Sep 17 00:00:00 2001
From: Korbs <korbs@sudovanilla.org>
Date: Wed, 23 Oct 2024 16:47:29 -0400
Subject: [PATCH] Add Answer component for rich panel

---
 source/src/components/search/Answer.astro | 50 +++++++++++++++++++++++
 1 file changed, 50 insertions(+)
 create mode 100644 source/src/components/search/Answer.astro

diff --git a/source/src/components/search/Answer.astro b/source/src/components/search/Answer.astro
new file mode 100644
index 0000000..a3ebb15
--- /dev/null
+++ b/source/src/components/search/Answer.astro
@@ -0,0 +1,50 @@
+---
+// Properties
+const { Image, Link, Title, Description, Table, Sublinks } = Astro.props;
+
+// Configuration
+import {DEFAULT_IMAGE_PROXY} from "@utils/GetConfig"
+
+// Toggle Functions
+if (Image === null) {
+    var UseImage = false
+} else {
+    var UseImage = true
+}
+---
+
+<div class="answer-panel">
+    <h2>{Title}</h2>
+    <a href={Link}>{Link}</a>
+    
+    <p>{UseImage ? <img src={DEFAULT_IMAGE_PROXY + '/' + Image} style="opacity: 0; transition: 1s opacity;" onload="this.style.opacity = '1'" /> : null} {Description}</p>
+    <slot name="table" />
+    <slot name="sublinks" />
+</div>
+
+<style lang="scss">
+.answer-panel {
+    display: flex;
+    flex-direction: column;
+    gap: 6px;
+    background: white;
+    border-radius: 6px;
+    padding: 12px;
+    * {
+        margin: 0px;
+    }
+    img {
+        border-radius: 6px;
+        border: 2px rgb(170, 170, 170) solid;
+        float: right;
+        width: 44%;
+        margin: 0px 0px 16px 16px;
+    }
+    a {
+        font-size: 12px;
+    }
+    p {
+        font-size: 16px;
+    }
+}
+</style>