import * as React from 'react';

interface CtaAccentBackgroundButton {
    /**
     * Button text
     */
    text?: string;
    /**
     * Button URL
     */
    url?: string;
    /**
     * Additional CSS classes for the button
     */
    className?: string;
}
interface CtaAccentBackgroundProps {
    /**
     * Main heading text
     */
    heading?: string;
    /**
     * Description text below the heading
     */
    description?: string;
    /**
     * Primary and secondary button configuration
     */
    buttons?: {
        primary?: CtaAccentBackgroundButton;
        secondary?: CtaAccentBackgroundButton;
    };
    /**
     * Additional CSS classes for the section
     */
    className?: string;
}
/**
 * CtaAccentBackground - A CTA section with an accent-colored background,
 * large heading, description, and dual action buttons. Creates visual
 * distinction for important calls to action.
 *
 * @example
 * ```tsx
 * <CtaAccentBackground
 *   heading="Ready to get started?"
 *   description="Join thousands of satisfied customers today."
 *   buttons={{
 *     primary: { text: "Buy Now", url: "/pricing" },
 *     secondary: { text: "Contact Us", url: "/contact" }
 *   }}
 * />
 * ```
 */
declare function CtaAccentBackground({ heading, description, buttons, className, }: CtaAccentBackgroundProps): React.JSX.Element;

export { CtaAccentBackground, type CtaAccentBackgroundButton, type CtaAccentBackgroundProps };
