frontend/src/molecules/MenuItem.js

// a card item represent a news in newsSection
import { Card } from "react-bootstrap";

export default function MenuItem( {dishName, description, imageSrc} ) {
    return (
        <Card className="align-items-center">
          <Card.Img variant="top" src={imageSrc}/>
          <Card.Body>
            <Card.Title>{dishName}</Card.Title>
            <Card.Text>
                {description}
            </Card.Text>
          </Card.Body>
        </Card>
      );
}