import React, {useEffect} from 'react';
import {useNavigation} from '@react-navigation/native';
import {CloseButton} from '@components';

export const useHeaderConfig = ({
  handleClose,
  title,
}: {
  handleClose: () => void;
  title?: string;
}) => {
  const navigation = useNavigation();

  useEffect(() => {
    navigation.setOptions({
      headerLeft: () => <CloseButton onPress={handleClose} />,
      ...(title && {title}),
    });
  }, [navigation, handleClose, title]);
};