product3.jsx

import React from "react";
import styled from "styled-components";

import { Card } from './components/Card';

const Price = styled.span`
    font-size: 1.2rem;
`;

const Title = styled.div`
    font-size: 1.5rem;
`

const Description = styled.div`
    font-size: 1rem;
    opacity: 0.8;
`;

export function Product(props) {
  return (
    <Card>
      <header>
          <Price>{props.price}</Price>
      </header>
      <footer>
          <Title>{props.title}</Title>
          <Description>{props.description}</Description>
      </footer>
    </Card>
  );
}