import React from "react";
import type { LsgHeroCardProps, LsgHeroColorToken } from "../LsgHeroCard/LsgHeroCard";
import "./LsgHero.scss";
export type LsgHeroHeight = "full" | "75vh";
export type LsgHeroTransition = "slide" | "fade";
/** Colour token type now lives on the card; re-exported here for back-compat. */
export type { LsgHeroColorToken };
/**
 * A single hero slide. All media/content props are forwarded directly to
 * LsgHeroCard — see LsgHeroCardProps for full documentation.
 */
export type LsgHeroSlide = Omit<LsgHeroCardProps, "index" | "total">;
export interface LsgHeroProps {
    slides: LsgHeroSlide[];
    /** Minimum height of the hero. Defaults to "full" (100vh). */
    height?: LsgHeroHeight;
    /** Show previous/next arrow controls (only in carousel mode). */
    showArrows?: boolean;
    /** Slide transition. Defaults to "slide". */
    transition?: LsgHeroTransition;
    /** Render a scroll-down affordance at the bottom of the hero. */
    enableScrollDown?: boolean;
    /** Label for the scroll-down button. Icon-only when omitted. */
    scrollDownText?: string;
    /** Enable carousel autoplay. Defaults to true. */
    autoplay?: boolean;
    /** Autoplay interval in milliseconds. Defaults to 5000. */
    autoplayInterval?: number;
    className?: string;
}
export declare const LsgHero: React.FC<LsgHeroProps>;