import React from 'react';
import { useSelector } from 'react-redux';
import { Header, Callback, Footer, Cart } from '../../components';
import { Sauces } from '../../components/Dishes';

const SaucesPage = () => {

  const cart = useSelector(state => state.cart);
  
  return (
    <div> 
      <Header/>
      <Sauces text="Популярные блюда"/>
      {cart.length >= 1 ? <Cart/> : null}
      <Callback/>
      <Footer/>
    </div>
  )
}
 
export { SaucesPage };