import React from 'react';
import { useRouter } from 'next/router';
import classNames from 'classnames';
import Link from "next/link";

export const CartMod: React.FC = () => {
    const router = useRouter();
    const { pizza } = router.query;
    return(
        <div id="openModal" className={'modal'}>
            <div className={classNames('modal_dialog')}>
                <div className={classNames('modal_content')}>
                    <Link href={"/"} as={"/"} scroll={false}>
                        <a className={classNames('button_close')}>X</a>
                    </Link>
                    <div className='modal_body'>
                        <p>{pizza}</p>
                    </div>
                </div>
            </div>
      </div>
    )
};
export default CartMod;