import type { IElementRef } from '@melodicdev/core';
export type HeroVariant = 'centered' | 'split' | 'split-reverse';
export type HeroSize = 'sm' | 'md' | 'lg';
export type HeroBackground = 'none' | 'subtle' | 'gradient';
/**
 * ml-hero-section - Marketing hero/header section
 *
 * @example
 * ```html
 * <ml-hero-section variant="centered" size="lg">
 *   <span slot="eyebrow">New Release</span>
 *   <span slot="title">Build better apps</span>
 *   <span slot="description">A modern framework for the modern web.</span>
 *   <div slot="actions">
 *     <ml-button variant="primary">Get Started</ml-button>
 *   </div>
 * </ml-hero-section>
 * ```
 *
 * @slot eyebrow - Small text/badge above the title
 * @slot title - Main headline (or use `title` property)
 * @slot description - Supporting text (or use `description` property)
 * @slot actions - CTA buttons
 * @slot media - Image, video, or illustration
 * @slot social-proof - Logos, testimonials, stats below CTA
 */
export declare class HeroSectionComponent implements IElementRef {
    elementRef: HTMLElement;
    /** Layout variant */
    variant: HeroVariant;
    /** Size controls padding and font sizes */
    size: HeroSize;
    /** Background style */
    background: HeroBackground;
    /** Headline text (alternative to title slot) */
    title: string;
    /** Supporting text (alternative to description slot) */
    description: string;
}
//# sourceMappingURL=hero-section.component.d.ts.map