You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
57 lines
1.6 KiB
57 lines
1.6 KiB
import React from 'react';
|
|
import Image from 'next/image';
|
|
import {ButtonImg, Button } from '../../../UI';
|
|
import classNames from 'classnames';
|
|
|
|
type PizzaBlockProps = {
|
|
id: number;
|
|
title: string;
|
|
heft_trad: number;
|
|
description: string;
|
|
img_trad: string;
|
|
};
|
|
|
|
export const PizzaBlock: React.FC<PizzaBlockProps> = ({
|
|
id,
|
|
title,
|
|
img_trad,
|
|
heft_trad,
|
|
description,
|
|
}) => {
|
|
|
|
const onClickAdd = () => {
|
|
console.log('ok');
|
|
};
|
|
|
|
return (
|
|
<li className={classNames("vendor-item product_card")}>
|
|
<div className='vendor-item__link'>
|
|
<Image
|
|
className = {'vendor-item__images'}
|
|
src={'/assets/img/'+img_trad}
|
|
alt={title}
|
|
width={187}
|
|
height={188}
|
|
/>
|
|
</div>
|
|
<span className={'product_card_box'} >
|
|
<h3>{title}</h3>
|
|
<p className={'product_card_text'}>{description}</p>
|
|
<span className={'product_card_video'}>
|
|
<ButtonImg img={'video'} onClick={() => onClickAdd()}>Видос</ButtonImg>
|
|
</span>
|
|
<span className={'product_card_footer'}>
|
|
<p className={'product_card_price'}>от {heft_trad}</p>
|
|
<Button
|
|
styles={'yellow button_size_32'}
|
|
align={'button_align_right'}
|
|
onClick={() => onClickAdd()}
|
|
>Добавить
|
|
</Button>
|
|
</span>
|
|
</span>
|
|
</li>
|
|
);
|
|
};
|
|
|
|
|
|
|