# extendify/0.3.0/src/components/notices/PromotionNotice.js

Extendify, version 0.3.0. 24 lines.

- Page: https://pluginprobe.com/plugins/extendify/0.3.0/code/src/components/notices/PromotionNotice.js
- Raw: https://pluginprobe.com/plugins/extendify/0.3.0/raw/src/components/notices/PromotionNotice.js
- Modified: 2022-01-06T18:08:32+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/extendify/0.3.0/code/src/components/notices/PromotionNotice.js#L10-L20`.

```javascript
import { Button } from '@wordpress/components'

export default function PromotionNotice({ promotionData }) {
    return (
        <>
            <span className="text-black">{promotionData?.text ?? ''}</span>
            <span className="px-2 opacity-50" aria-hidden="true">
                &#124;
            </span>
            <div className="flex space-x-2 justify-center items-center">
                {promotionData?.url && (
                    <Button
                        variant="link"
                        className="text-black underline hover:no-underline p-0 h-auto"
                        href={`${promotionData.url}?utm_source=${window.extendifyData.sdk_partner}`}
                        target="_blank">
                        {promotionData?.button_text}
                    </Button>
                )}
            </div>
        </>
    )
}

```