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;