Added variable footer margin

Robert-M-Lucas · Apr 11, 2024 · be60b72 · be60b72
1 parent bf2bbb9
commit be60b72
Showing 1 changed file with 10 additions and 2 deletions.
diff --git 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"}}>