fix(drawer): expose refs for content/footer

WTTJ · Nov 6, 2023 · acf27e8 · acf27e8
1 parent 2aeaee1
commit acf27e8
Show file tree

Hide file tree

Showing 2 changed files with 12 additions and 7 deletions.
diff --git a/packages/Drawer/src/Content.tsx b/packages/Drawer/src/Content.tsx
@@ -1,8 +1,10 @@
 import React from 'react'
-import { BoxProps } from '@welcome-ui/box'
+import { CreateWuiProps, forwardRef } from '@welcome-ui/system'
 
 import * as S from './styles'
 
-export const Content: React.FC<BoxProps> = props => {
-  return <S.Content flex="1" overflowY={{ md: 'auto' }} {...props} />
-}
+type ContentProps = CreateWuiProps<'div'>
+
+export const Content = forwardRef<'div', ContentProps>((props, ref) => {
+  return <S.Content flex="1" overflowY={{ md: 'auto' }} ref={ref} {...props} />
+})
diff --git a/packages/Drawer/src/Footer.tsx b/packages/Drawer/src/Footer.tsx
@@ -1,15 +1,18 @@
 import React from 'react'
-import { BoxProps } from '@welcome-ui/box'
+import { CreateWuiProps, forwardRef } from '@welcome-ui/system'
 
 import * as S from './styles'
 
-export const Footer: React.FC<BoxProps> = props => {
+type FooterProps = CreateWuiProps<'div'>
+
+export const Footer = forwardRef<'div', FooterProps>((props, ref) => {
   return (
     <S.Footer
       bottom={{ xs: 0, md: 'auto' }}
       position={{ xs: 'sticky', md: 'static' }}
+      ref={ref}
       w="100%"
       {...props}
     />
   )
-}
+})