From 9a412d366b9c2f48d182f8ea34fc5afe86c02413 Mon Sep 17 00:00:00 2001
From: Jackson Harper <jacksonh@gmail.com>
Date: Mon, 6 Mar 2023 14:35:31 +0800
Subject: [PATCH] Add header spacer file

---
 .../templates/homeFeed/HeaderSpacer.tsx        | 18 ++++++++++++++++++
 1 file changed, 18 insertions(+)
 create mode 100644 packages/web/components/templates/homeFeed/HeaderSpacer.tsx

diff --git a/packages/web/components/templates/homeFeed/HeaderSpacer.tsx b/packages/web/components/templates/homeFeed/HeaderSpacer.tsx
new file mode 100644
index 000000000..51d47210c
--- /dev/null
+++ b/packages/web/components/templates/homeFeed/HeaderSpacer.tsx
@@ -0,0 +1,18 @@
+import { Box } from '../../elements/LayoutPrimitives'
+
+export const HEADER_HEIGHT = '105px'
+export const MOBILE_HEADER_HEIGHT = '70px'
+
+export function HeaderSpacer(): JSX.Element {
+  return (
+    <Box
+      css={{
+        height: HEADER_HEIGHT,
+        bg: '$grayBase',
+        '@mdDown': {
+          height: MOBILE_HEADER_HEIGHT,
+        },
+      }}
+    ></Box>
+  )
+}