# extendify/3.2.1/src/Notifications/Cta.jsx

Extendify, version 3.2.1. 42 lines.

- Page: https://pluginprobe.com/plugins/extendify/3.2.1/code/src/Notifications/Cta.jsx
- Raw: https://pluginprobe.com/plugins/extendify/3.2.1/raw/src/Notifications/Cta.jsx
- Modified: 2026-09-16T19:34:02+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/3.2.1/code/src/Notifications/Cta.jsx#L10-L20`.

```jsx
import classNames from 'classnames';
import {
	bannerButtonVariables,
	buttonHoverClasses,
	colorsOf,
	designButtonVariables,
} from './colors';
import { externalLinkProps } from './notification-link';

const VARIABLES = {
	banner: bannerButtonVariables,
	design: designButtonVariables,
};

export const Cta = ({
	notification,
	href,
	external,
	onClick,
	surface,
	className,
}) => {
	const ctaLabel = notification['cta-label'];
	if (!ctaLabel || !href) {
		return null;
	}

	const colors = colorsOf(notification);

	return (
		<a
			href={href}
			{...externalLinkProps(external)}
			onClick={onClick}
			className={classNames(className, buttonHoverClasses(colors))}
			style={VARIABLES[surface](colors)}
		>
			{ctaLabel}
		</a>
	);
};

```