import * as React from 'react';
export interface CTASectionAction {
    label: string;
    href?: string;
    onClick?: () => void;
}
export interface CTASectionProps extends React.HTMLAttributes<HTMLElement> {
    title: string;
    description?: string;
    cta: CTASectionAction;
    secondaryCta?: CTASectionAction;
}
/**
 * Full-width dark band prompting a primary conversion action.
 *
 * @description
 * A high-impact closing section for marketing pages: a bold left-aligned
 * headline, optional supporting copy, and up to two CTA buttons on a flat
 * `bg-sidebar` surface — the same token-driven dark surface used elsewhere
 * on this page (e.g. the methodology section) — so it stays legible across
 * all Xertica-ui themes without per-theme contrast tuning or a gradient.
 *
 * @ai-rules
 * 1. The background is a flat `bg-sidebar` surface with a `border-sidebar-border` hairline — never reintroduce a gradient or hardcode colors here.
 * 2. Both buttons use their natural variants (`default` for `cta`, `outline` for `secondaryCta`) with no color overrides — they already contrast correctly against `bg-sidebar`; do not force-style them with one-off colors.
 * 3. Each `cta`/`secondaryCta` needs either `href` (renders an `<a>`) or `onClick`.
 */
export declare function CTASection({ title, description, cta, secondaryCta, className, ...props }: CTASectionProps): React.JSX.Element;