import React from "react";
export type HeroTextSize = "medium" | "large";
export type StickerColor = "black" | "orange";
export interface HeroImageSrc {
    src: string;
    srcSet?: string;
}
export interface HeroImageResponsive {
    default: string;
    sm?: string;
    lg?: string;
    xl?: string;
    xxl?: string;
    [key: string]: string | undefined;
}
export type HeroImage = HeroImageSrc | HeroImageResponsive;
export interface HeroPriceObject {
    amount: number;
    prefix?: React.ReactNode;
    suffix?: React.ReactNode;
}
export type HeroPrice = string | HeroPriceObject;
export interface HeroButtonProps {
    children: React.ReactNode;
    [key: string]: any;
}
export interface HeroStickerProps {
    color?: StickerColor;
    children?: React.ReactNode;
    className?: string;
}
export interface HeroProps {
    /** Action button props */
    button?: HeroButtonProps;
    /** Main text */
    description?: React.ReactNode;
    hasFullwidthImage?: boolean;
    /** Gradient overlay ensures proper text readability */
    hasGradientOverlay?: boolean;
    /** Use svg illustrations, png for product images and jpg for photos */
    image?: HeroImage;
    price?: HeroPrice;
    sticker?: HeroStickerProps;
    /** Adjust title and description size. Medium sets display-2 title and 18px text, large uses display-1 title and 20px text.  */
    textSize?: HeroTextSize;
    /** Hero title */
    title: string;
}
export declare const Hero: React.FC<HeroProps>;
