import React from 'react';
import { PrimaryCTAButton, PrimaryCTAButtonProps } from './PrimaryCTAButton';

/**
 * Blue Primary CTA Button Component
 * 
 * A variant of the Primary CTA Button with blue background (#04045B) and black text (#26231A).
 * Preserves all sophisticated animations and functionality from the main component.
 * 
 * Features:
 * - Blue background (#04045B) instead of yellow
 * - Black text (#26231A) for contrast
 * - All sophisticated slide animations preserved
 * - Consistent with brand guidelines
 * 
 * Usage:
 * ```tsx
 * <PrimaryCTAButtonBlue 
 *   text="Get Started" 
 *   onClick={() => handleClick()} 
 * />
 * ```
 */
export const PrimaryCTAButtonBlue: React.FC<PrimaryCTAButtonProps> = (props) => {
  return (
    <PrimaryCTAButton 
      {...props}
      className={`primary-cta-button-blue ${props.className || ''}`}
    />
  );
};

export default PrimaryCTAButtonBlue;