import React, {ReactNode} from 'react';
import {View} from 'react-native';
import {useSafeAreaBottomPadding} from '@hooks/useSafeAreaBottomPadding';
import {useTheme} from '@shared/theme';

import {styles} from './styles';

function ServiceManagementTaskTabFooter({children}: {children?: ReactNode}) {
  const {theme} = useTheme();
  const paddingBottom = useSafeAreaBottomPadding();

  return (
    <View
      style={[
        styles.container,
        {paddingBottom, backgroundColor: theme.background.layout.default},
      ]}>
      {children}
    </View>
  );
}

export default ServiceManagementTaskTabFooter;