import './productCard.scss';
import Info from "/svg/info.svg";

const ProductCard = D.declare('view.cmp.ProductCard', () => {
    return <div class="product-card">
        <div className="product-card__image">
            <img src="/uploads/images/product1.jpg" alt=""/>
        </div>
        <div className="product-card__list">
            <h2>Ингредиенты</h2>
            <ul>
                <li>Вареная сгущенка </li>
                <li>Мука </li>
                <li>Масло сливочное </li>
                <li>Сахар </li>
                <li>Ингредиент</li>
            </ul>
        </div>
        <div className="product-card__text">
            <Info width="30" height="30"/>
            <p><b>Важно знать.</b>Информация о&nbsp;продукте. Все, что вы&nbsp;хотели знать, но&nbsp;боялись спросить.</p>
            <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi lacinia augue quam, in&nbsp;dapibus nulla ullamcorper nec. Mauris ac&nbsp;magna est. Vivamus dapibus venenatis nisi, sit amet dictum tellus aliquam sit amet. Proin sit amet suscipit nisl. </p>
            <p>Mauris ac&nbsp;magna est. Vivamus dapibus venenatis nisi, sit amet dictum tellus aliquam sit amet. Proin sit amet suscipit nisl.</p>
        </div>
    </div>
})

export default ProductCard;
export {ProductCard};
