import { default as React, HTMLAttributes } from 'react';
type Variant = 'primary' | 'secondary';
type ColorVariant = 'main' | 'light' | 'accent';
interface HeroContext {
    variant: Variant;
    colorVariant: ColorVariant;
}
declare const HeroContext: React.Context<HeroContext | undefined>;
export interface HeroProps extends HTMLAttributes<HTMLDivElement> {
    /**
     * Specifies the component variant.
     */
    variant?: Variant;
    /**
     * Specifies the component's color variant combination.
     */
    colorVariant?: ColorVariant;
    /**
     * ID to find this component in testing tools (e.g.: cypress,
     * testing-library, and jest).
     */
    testId?: string;
}
declare const Hero: React.ForwardRefExoticComponent<HeroProps & React.RefAttributes<HTMLDivElement>>;
export declare function useHero(): HeroContext;
export default Hero;
//# sourceMappingURL=Hero.d.ts.map