import React from 'react';

type Props = { children: React.ReactNode };

export const MainLayout: React.FC<Props> = ({children}) => {
  return (
    <div className="wrapper">
      <Header/>
      <div className="content">
        {children}
      </div>
    </div>
  );
};

const Footer = (props) => {
    return (
        <div className={'footer'}>
            <div className={'footer_block' + ' ' + 'footer_feedback'} >
                <p className={'description'}>
                    <a className={'footer_link'} href="#"><span>feedback@pizzapizza.ru</span></a>
                </p>
            </div>
            <div className={'footer_block' + ' ' + ' footer_compound'} >
                <p className={'description'}>
                    <a href="#" className={'footer_link'}> <span>Калорийность и состав </span></a>
                </p>
            </div>
            <div className={'footer_block' + ' ' + ' footer_about'} >
                <p className={'description'}>
                    <span>2022 © Pizza&Pizza</span>
                </p>
            </div>
        </div>
    )
  };
  
  export default Footer;