text: import React from "react";
  import { Card } from "react-bootstrap";
  
  function Cards({ results }) {
    return (
      <>
        {results.map((result, i) => (
          <Card className="m-3" key={i}>
            <Card.Body>
              <Card.Title>{result.title}</Card.Title>
              <Card.Subtitle>by {result.author}</Card.Subtitle>
              <Card.Subtitle className="mt-1">
                created {result.date}
              </Card.Subtitle>
              <Card.Link href={result.url} target="_blank">
                View Story
              </Card.Link>
            </Card.Body>
          </Card>
        ))}
      </>
    );
  }
  
  export default Cards;
  