frontend/src/molecules/NewsItem.js

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

export default function NewsItem( {title, text, imageSrc, feedHref} ) {
    return (
        <Card className="align-items-center">
          <Card.Img variant="top" src={imageSrc}/>
          <Card.Body>
            <Card.Title>{title}</Card.Title>
            <Card.Text>
                {text}
            </Card.Text>
            <a href={feedHref}>Xem thêm</a>
          </Card.Body>
        </Card>
      );
}