| 1 |
import {Button} from './Button'; |
| 2 |
import {Card} from './Card'; |
| 3 |
|
| 4 |
import styles from './AdditionalAddonCard.module.css'; |
| 5 |
|
| 6 |
export const AdditionalAddonCard = ({name, description, image, actionLink, actionText}) => ( |
| 7 |
<Card as="article" className={styles.card}> |
| 8 |
<img className={styles.image} src={image} alt="" /> |
| 9 |
<h3 className={styles.title}>{name}</h3> |
| 10 |
<p className={styles.description}>{description}</p> |
| 11 |
<Button as="a" href={actionLink} rel="noopener" target="_blank" className={styles.button}> |
| 12 |
{actionText} |
| 13 |
</Button> |
| 14 |
</Card> |
| 15 |
); |
| 16 |
|
