Update Hidden component

Author: mobily

src/Hidden/index.tsx

@@ -1,4 +1,5 @@
 import React from 'react'
+import { View, ViewProps } from 'react-native'
 
 import { useBreakpoint } from '../context'
 import { isCurrentBreakpointBelow, isCurrentBreakpointAbove, Breakpoint } from '../utils'
@@ -7,10 +8,11 @@ export interface Props {
   children: React.ReactNode
   below?: Exclude<Breakpoint, 'mobile'>
   above?: Exclude<Breakpoint, 'desktop'>
+  style?: ViewProps['style']
 }
 
-export const Hidden = (props: Props): JSX.Element | null => {
-  const { children, below, above } = props
+export const Hidden = (props: Props) => {
+  const { children, below, above, style } = props
   const { currentBreakpoint } = useBreakpoint()
 
   if (typeof below === 'undefined' && typeof above === 'undefined') {
@@ -19,6 +21,6 @@ export const Hidden = (props: Props): JSX.Element | null => {
 
   return isCurrentBreakpointBelow(currentBreakpoint, below) ||
     isCurrentBreakpointAbove(currentBreakpoint, above) ? null : (
-    <>{children}</>
+    <View style={style}>{children}</View>
   )
 }