33 lines
894 B
TypeScript
33 lines
894 B
TypeScript
|
import React from 'react';
|
||
|
|
import { PrimaryCTAButton, PrimaryCTAButtonProps } from './PrimaryCTAButton';
|
||
|
|
|
||
|
|
/**
|
||
|
|
* Yellow Primary CTA Button Component
|
||
|
|
*
|
||
|
|
* A variant of the Primary CTA Button that maintains the original yellow background (#F8C301) with white text.
|
||
|
|
* This is the default styling variant that preserves the original design.
|
||
|
|
*
|
||
|
|
* Features:
|
||
|
|
* - Original yellow background (#F8C301)
|
||
|
|
* - White text for contrast
|
||
|
|
* - All sophisticated slide animations preserved
|
||
|
|
* - Default brand styling
|
||
|
|
*
|
||
|
|
* Usage:
|
||
|
|
* ```tsx
|
||
|
|
* <PrimaryCTAButtonYellow
|
||
|
|
* text="Learn More"
|
||
|
|
* onClick={() => handleClick()}
|
||
|
|
* />
|
||
|
|
* ```
|
||
|
|
*/
|
||
|
|
export const PrimaryCTAButtonYellow: React.FC<PrimaryCTAButtonProps> = (props) => {
|
||
|
|
return (
|
||
|
|
<PrimaryCTAButton
|
||
|
|
{...props}
|
||
|
|
className={`primary-cta-button-yellow ${props.className || ''}`}
|
||
|
|
/>
|
||
|
|
);
|
||
|
|
};
|
||
|
|
|
||
|
|
export default PrimaryCTAButtonYellow;
|