remove gap

pluralsh · Jul 10, 2024 · 0f75651 · 0f75651
1 parent 087d34a
commit 0f75651
Showing 1 changed file with 3 additions and 10 deletions.
diff --git a/src/components/Accordion.tsx b/src/components/Accordion.tsx
@@ -22,9 +22,8 @@ import { AnimatedDiv } from './AnimatedDiv'
 
 const paddingTransition = '0.2s ease'
 
-const horizontalCard = styled(Card)(({ theme }) => ({
+const horizontalCard = styled(Card)(() => ({
   display: 'flex',
-  gap: theme.spacing.medium,
 }))
 
 function AccordionTriggerUnstyled({
@@ -218,8 +217,6 @@ export default function Accordion({
   id,
   ...props
 }: AccordionProps) {
-  const theme = useTheme()
-
   const { triggerProps, contentProps, isOpen } = useDisclosure({
     defaultOpen,
     isOpen: isOpenProp,
@@ -243,19 +240,15 @@ export default function Accordion({
         ? function Div(props: ComponentProps<'div'>) {
             return (
               <div
-                style={
-                  horizontal
-                    ? { display: 'flex', gap: theme.spacing.medium }
-                    : {}
-                }
+                style={horizontal ? { display: 'flex' } : {}}
                 {...props}
               />
             )
           }
         : horizontal
         ? horizontalCard
         : Card,
-    [horizontal, theme.spacing.medium, unstyled]
+    [horizontal, unstyled]
   )
   const finalTriggerProps = { isOpen, ...triggerProps }