From be60b720474e87ac743f1208f30d0e36cd6b8de2 Mon Sep 17 00:00:00 2001
From: Robert Lucas <robert01.lucas@protonmail.com>
Date: Thu, 11 Apr 2024 19:04:15 +0100
Subject: [PATCH] Added variable footer margin

---
 src/components/Footer.tsx | 12 ++++++++++--
 1 file changed, 10 insertions(+), 2 deletions(-)

diff --git a/src/components/Footer.tsx b/src/components/Footer.tsx
index cae574b..652dfd9 100644
--- a/src/components/Footer.tsx
+++ b/src/components/Footer.tsx
@@ -1,7 +1,15 @@
 import {Link} from "react-router-dom";
 
-export function Footer() {
-    return <footer className="pt-3 mt-4">
+
+type HeightUnit = 'px' | 'rem' | 'vh';
+type HeightProp = `${number}${HeightUnit}` | "0";
+
+interface Props {
+    margin?: HeightProp;
+}
+
+export function Footer({margin = "0"}: Props) {
+    return <footer style={{marginTop: margin}}>
         <hr className="my-0 w-100"/>
 
         <div style={{padding: "2.75rem 0"}}>