import type { ReactNode } from "react";
import { type HeroAlign, type HeroTreatment } from "./variants.js";
export * from "./variants.js";
export type HeroProps = {
    /** Decorative background treatment layered behind the content. */
    treatment?: HeroTreatment;
    /** Horizontal alignment of the composed content. */
    align?: HeroAlign;
    /** Headline for the standard hero layout. Compose `children` instead for full control. */
    title?: ReactNode;
    /** Supporting copy under the headline. */
    description?: string;
    /** Call-to-action row under the description. */
    actions?: ReactNode;
    /** Free-form content, rendered after the structured slots (or alone). */
    children?: ReactNode;
    className?: string;
};
/**
 * Hero — the marketing/landing section: an h1-led content block over an
 * optional tokenized background treatment (glow / grid / tint / aurora). The
 * treatment layer is purely visual: aria-hidden, absolutely positioned,
 * pointer-events-none — and because it resolves through the numeric ramps it
 * adapts to brands and dark mode with no extra variants. The animated aurora
 * treatment is transform-only and stills itself under reduced motion.
 */
export declare function Hero({ treatment, align, title, description, actions, children, className, }: HeroProps): import("react").JSX.Element;
//# sourceMappingURL=index.d.ts.map