From 075e4d52d791697e78551f354b2f22a38b6fc508 Mon Sep 17 00:00:00 2001
From: Justin Edmund <justin@jedmund.com>
Date: Tue, 24 Jan 2023 02:07:27 -0800
Subject: [PATCH] Update PopoverContent

* Add PopoverContentProps
* Set sideOffset as default prop
* Add class name to arrow
---
 components/PopoverContent/index.tsx | 14 +++++++++-----
 1 file changed, 9 insertions(+), 5 deletions(-)

diff --git a/components/PopoverContent/index.tsx b/components/PopoverContent/index.tsx
index f8817e48..81873d5c 100644
--- a/components/PopoverContent/index.tsx
+++ b/components/PopoverContent/index.tsx
@@ -6,9 +6,10 @@ import './index.scss'
 
 interface Props
   extends React.DetailedHTMLProps<
-    React.DialogHTMLAttributes<HTMLDivElement>,
-    HTMLDivElement
-  > {}
+      React.DialogHTMLAttributes<HTMLDivElement>,
+      HTMLDivElement
+    >,
+    PopoverPrimitive.PopoverContentProps {}
 
 export const Popover = PopoverPrimitive.Root
 export const PopoverAnchor = PopoverPrimitive.Anchor
@@ -26,15 +27,18 @@ export const PopoverContent = React.forwardRef<HTMLDivElement, Props>(
     return (
       <PopoverPrimitive.Portal>
         <PopoverPrimitive.Content
-          sideOffset={5}
           {...props}
           className={classes}
           ref={forwardedRef}
         >
           {children}
-          <PopoverPrimitive.Arrow />
+          <PopoverPrimitive.Arrow className="Arrow" />
         </PopoverPrimitive.Content>
       </PopoverPrimitive.Portal>
     )
   }
 )
+
+PopoverContent.defaultProps = {
+  sideOffset: 8,
+}