import * as React from 'react';
import { useSelector, useDispatch } from 'react-redux';
import { selectBill, selectSplit, selectPercentage } from '../store/selectors';
import { ActionTypes } from '../store/actions';

export const MyComponent = () => {
  const split = useSelector(selectSplit);
  const dispatch = useDispatch();
  return (
     <div>
     {split}
     <button onClick={
     dispatch({
              type: ActionTypes.BillChange,
              payload: 10,
            })
      }>
      Act</button>
      </div>
  )
}