# give/4.18.0/src/Promotions/InPluginUpsells/resources/js/components/AdditionalAddonCard.js

GiveWP – Donation Plugin and Fundraising Platform, version 4.18.0. 16 lines.

- Page: https://pluginprobe.com/plugins/give/4.18.0/code/src/Promotions/InPluginUpsells/resources/js/components/AdditionalAddonCard.js
- Raw: https://pluginprobe.com/plugins/give/4.18.0/raw/src/Promotions/InPluginUpsells/resources/js/components/AdditionalAddonCard.js
- Modified: 2022-02-25T01:33:58+00:00

Line numbers below start at 1. Link to a line or a range by appending a fragment to the
page URL, for example `https://pluginprobe.com/plugins/give/4.18.0/code/src/Promotions/InPluginUpsells/resources/js/components/AdditionalAddonCard.js#L10-L20`.

```javascript
import {Button} from './Button';
import {Card} from './Card';

import styles from './AdditionalAddonCard.module.css';

export const AdditionalAddonCard = ({name, description, image, actionLink, actionText}) => (
    <Card as="article" className={styles.card}>
        <img className={styles.image} src={image} alt="" />
        <h3 className={styles.title}>{name}</h3>
        <p className={styles.description}>{description}</p>
        <Button as="a" href={actionLink} rel="noopener" target="_blank" className={styles.button}>
            {actionText}
        </Button>
    </Card>
);

```