import * as React from 'react';

interface CtaImageOverlayArrowProps {
    /**
     * Main heading text
     */
    heading?: string;
    /**
     * Button text
     */
    buttonText?: string;
    /**
     * Button URL
     */
    buttonUrl?: string;
    /**
     * Background image URL
     */
    backgroundImage?: string;
    /**
     * Additional CSS classes for the section
     */
    className?: string;
}
/**
 * CtaImageOverlayArrow - A CTA section with a background image, centered heading,
 * and a prominent button with arrow icon. Creates visual impact with minimal content.
 * Perfect for impactful hero-style CTAs.
 *
 * @example
 * ```tsx
 * <CtaImageOverlayArrow
 *   heading="Start Your Journey"
 *   buttonText="Get Started"
 *   buttonUrl="/signup"
 *   backgroundImage="/hero-bg.jpg"
 * />
 * ```
 */
declare function CtaImageOverlayArrow({ heading, buttonText, buttonUrl, backgroundImage, className, }: CtaImageOverlayArrowProps): React.JSX.Element;

export { CtaImageOverlayArrow, type CtaImageOverlayArrowProps };
