48 lines
1.8 KiB
TypeScript
48 lines
1.8 KiB
TypeScript
import React from "react";
|
||
|
||
interface InfoSearchProps {
|
||
brand: string;
|
||
articleNumber: string;
|
||
name: string;
|
||
offersCount: number;
|
||
minPrice: string;
|
||
}
|
||
|
||
const InfoSearch: React.FC<InfoSearchProps> = ({
|
||
brand,
|
||
articleNumber,
|
||
name,
|
||
offersCount,
|
||
minPrice,
|
||
}) => (
|
||
<section className="section-info">
|
||
<div className="w-layout-blockcontainer container info w-container">
|
||
<div className="w-layout-vflex flex-block-9">
|
||
<div className="w-layout-hflex flex-block-7">
|
||
<div className="text-block-53">{brand} {articleNumber}</div>
|
||
{/* <div className="fsfav">
|
||
<div className="icon-setting w-embed">
|
||
<svg width="currentwidth" height="currentheight" viewBox="0 0 30 30" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||
<path d="M15 25L13.405 23.5613C7.74 18.4714 4 15.1035 4 10.9946C4 7.6267 6.662 5 10.05 5C11.964 5 13.801 5.88283 15 7.26703C16.199 5.88283 18.036 5 19.95 5C23.338 5 26 7.6267 26 10.9946C26 15.1035 22.26 18.4714 16.595 23.5613L15 25Z" fill="currentColor"></path>
|
||
</svg>
|
||
</div>
|
||
</div> */}
|
||
</div>
|
||
<div className="w-layout-hflex flex-block-8">
|
||
<div className="w-layout-hflex flex-block-10">
|
||
<h1 className="heading">{name}</h1>
|
||
<div className="text-block-4">
|
||
Найдено {offersCount} предложений от {minPrice}
|
||
</div>
|
||
</div>
|
||
{/* <div className="w-layout-hflex flex-block-11">
|
||
<img src="/images/qwestions.svg" loading="lazy" alt="" className="image-4" />
|
||
<div className="text-block-5">Как правильно подобрать запчасть?</div>
|
||
</div> */}
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
);
|
||
|
||
export default InfoSearch;
|