// src/Components/Counter.js

import React, { useContext } from 'react';
import { Text, Button, View } from 'react-native';

import Context from '../Store/Context';

const Counter = () => {
  const {
    counter,
    increaseCounter,
    decreaseCounter
  } = useContext(Context);

  return (
    <View>
      <Text style={{ fontSize: 35 }}>Counter:{counter.value}</Text>
      <Button onPress={() => increaseCounter()} title={'Increase'} />
      <Button
        onPress={() => decreaseCounter()}
        title={'Decrease'}
        color={'black'}
      />
    </View>
  );
};

export default Counter;