/**
 * HeroSection Molecule Component
 *
 * A full-width hero section for landing pages and marketing content.
 * Composes atoms: Box, VStack, HStack, Badge, Typography, Button.
 * Optionally includes an InstallBox molecule for CLI commands.
 */
import React from 'react';
export interface HeroSectionProps {
    tag?: string;
    tagVariant?: 'primary' | 'secondary' | 'accent';
    title: string;
    titleAccent?: string;
    subtitle: string;
    primaryAction?: {
        label: string;
        href: string;
    };
    secondaryAction?: {
        label: string;
        href: string;
    };
    installCommand?: string;
    image?: {
        src: string;
        alt: string;
    };
    imagePosition?: 'below' | 'right' | 'background';
    background?: 'dark' | 'gradient' | 'subtle';
    align?: 'center' | 'left';
    /** Background element (SVG animation, etc.) rendered behind hero content */
    backgroundElement?: React.ReactNode;
    children?: React.ReactNode;
    className?: string;
}
export declare const HeroSection: React.FC<HeroSectionProps>;
