From 8f6a8cc036c6ab3f3a96a4c4a716ef1bdd443053 Mon Sep 17 00:00:00 2001
From: Jackson Harper <jacksonh@gmail.com>
Date: Fri, 17 Mar 2023 15:53:55 +0800
Subject: [PATCH] Empty highlights component

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

diff --git a/packages/web/components/templates/homeFeed/EmptyHighlights.tsx b/packages/web/components/templates/homeFeed/EmptyHighlights.tsx
new file mode 100644
index 000000000..204904acc
--- /dev/null
+++ b/packages/web/components/templates/homeFeed/EmptyHighlights.tsx
@@ -0,0 +1,23 @@
+import { Book } from 'phosphor-react'
+import { VStack } from '../../elements/LayoutPrimitives'
+import { StyledText } from '../../elements/StyledText'
+import { theme } from '../../tokens/stitches.config'
+
+export function EmptyHighlights(): JSX.Element {
+  return (
+    <VStack
+      alignment="center"
+      distribution="center"
+      css={{
+        color: '$grayTextContrast',
+        textAlign: 'center',
+        marginTop: '105px',
+      }}
+    >
+      <Book size={44} color={theme.colors.grayTextContrast.toString()} />
+      <StyledText style="fixedHeadline" css={{ color: '$grayTextContrast' }}>
+        No results found.
+      </StyledText>
+    </VStack>
+  )
+}