import React from 'react';
import type { StyleProp, ViewStyle } from 'react-native';
import { SafeAreaView } from 'react-native-safe-area-context';
import { tw } from 'common-ui';

interface TabLayoutWrapperProps {
  children: React.ReactNode;
  style?: StyleProp<ViewStyle>;
}

export default function TabLayoutWrapper({ children, style }: TabLayoutWrapperProps) {
  return (
    <SafeAreaView edges={['top']} style={[tw`flex-1 bg-white`, style]}>
      {children}
    </SafeAreaView>
  );
}