frontend/src/atoms/CardWrapper.js

import Button from 'react-bootstrap/Button';
import Card from 'react-bootstrap/Card';

function CardWrapper( {title = "", text = "", imageSrc = "", btnText = "", btnHref = ""} ) {
  return (
    <Card style={{ width: '18rem' }}>
      <Card.Img variant="top" src={imageSrc} />
      <Card.Body>
        <Card.Title>{title}</Card.Title>
        <Card.Text>
          {text}
        </Card.Text>
        <Button as="a" variant="primary" href={btnHref}>{btnText}</Button>
      </Card.Body>
    </Card>
  );
}

export default CardWrapper;