export default function Header(props){
    const{countCartItems,valetAmt} = props;
  return  (
         <div className="row center block">
        <div>
            <a href="#">
                <h2>Simple Shopping Cart</h2>
            </a> 
        </div>
        <div>
            <a href='#/cart'>
                Cart
                {countCartItems ? (
                   <button className = "badge">{countCartItems}</button> 
                   ):(
                    ''
                )}
                </a> {''}
                <a href='#/signin'>Sign In</a>
                <h4>Valet Amount Left : {valetAmt}</h4>
        </div>

    </div>
  );
}