Counter component with react hooks

counter.js

import React,{useState} from 'react';

// create a stateless component
function Counter(){
    
    // count state with usestate hook and setCount method
    const [count, setCount] = useState(0);
    
  // render component
    return(
        <div>
        <Cshow cnt={count}/>
        <div>
        <button onClick={()=>change('-')}>-</button>
        <button onClick={()=>change('+')}>+</button>
        </div>
        </div>
    )

    // change count based on operation
    function change(op){

        if(op === '+'){
        setCount(count+1);
        }
        
        else if(op === '-' && count > 0){
        setCount(count-1);
        }

    }
    
}


function Cshow(props){
    return(
        <h1>count:{props.cnt}</h1>
    );
}

export default Counter;