import React from 'react';
import Image from 'next/image';
import { Modal } from '../../../../../UI';
import { RadioButton } from './index';

type Props = { id: string | string[] };

export const PizzaCard: React.FC<Props> = ({id}) => {
  return (
    <Modal styles={'modal_product'} position={'position_product'}>
      <div className='modal_body_left'>
        <div className='modal_img'>
          {id} dfg dfgdf gdgdfgdf  dfgdfg dfg dfg dfg df gdfg gdf gdf g
        </div>
      </div>
      <div className='modal_body_right'>
        <div className="modal_header">
 sf sd sgf gdfg dfg dgd fg
        </div>
      </div>
    </Modal>
  );
};