import React, {FC, ReactNode} from 'react';
import {StyleSheet, View} from 'react-native';

interface HeaderCenterProps {
  children: ReactNode;
}

const HeaderCenter: FC<HeaderCenterProps> = ({children}) => {
  const styles = themedStyle();

  return <View style={styles.centerSection}>{children}</View>;
};

const themedStyle = () =>
  StyleSheet.create({
    centerSection: {
      ...StyleSheet.absoluteFillObject,
      justifyContent: 'center',
      alignItems: 'center',
      pointerEvents: 'box-none',
    },
  });

export default HeaderCenter;
