AdditionalAddonCard.js
4 years ago
AdditionalAddonCard.module.css
4 years ago
AdditionalAddons.js
4 years ago
AdditionalAddons.module.css
4 years ago
AddonsAdminPage.js
4 years ago
AddonsAdminPage.module.css
4 years ago
Button.js
4 years ago
Button.module.css
4 years ago
Card.js
4 years ago
Card.module.css
4 years ago
Hero.js
4 years ago
Hero.module.css
4 years ago
MustHaveAddonCard.js
4 years ago
MustHaveAddonCard.module.css
4 years ago
MustHaveAddons.js
4 years ago
MustHaveAddons.module.css
4 years ago
PricingPlanCard.js
4 years ago
PricingPlanCard.module.css
4 years ago
PricingPlans.js
4 years ago
PricingPlans.module.css
4 years ago
RecurringDonationsTab.js
4 years ago
RecurringDonationsTab.module.scss
4 years ago
AdditionalAddonCard.js
16 lines
| 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 |