import { Pressable } from 'react-native';
import { useMenu } from '../../context/MenuContext';
import { Icon } from '../ui/Icon';
import { colors } from '../../constants/theme';

export function MenuHeaderButton() {
  const { openMenu } = useMenu();
  return (
    <Pressable onPress={openMenu} hitSlop={12} style={{ marginLeft: 8 }}>
      <Icon name="menu" color={colors.primary} size={24} />
    </Pressable>
  );
}