import image json

imgJson.js

import React from 'react';
import { Card, CardImg, CardText, CardBody,
    CardSubtitle, Button } from 'reactstrap';
const Cards = ({article,addPanier}) => {
    return (

            <Card className="col-sm-6 col-md-4">
            <CardImg top width="100%" src={require(`../../assets/${article.img}`)}
                     alt="Card image cap"/>
            <CardBody>
                <CardSubtitle>{article.article}</CardSubtitle>
                <CardText>{article.prix}</CardText>
                <Button
                onClick={() => addPanier(article.prix,article.article,article.img,article.id)}
                >
                    Commander
                </Button>
            </CardBody>
            </Card>

    );
};

export default Cards;