export {};

declare global {
    /**
     * comment
     */
    namespace Hero {
        /**
         *
         * @param title
         * @param img
         * @param alt
         * @param text
         * @param width
         * @param height
         * @param responsive
         * @param className
         * @param isH2
         * @param button
         * @param back
         * @param legend
         */
        export interface Hero1 {
            title: string;
            img: string;
            alt: string;
            text: string;
            width?: string;
            height?: string;
            responsive?: string;
            className?: string;
            isH2?: boolean;
            button?: Button.Button;
            back?: Button.Back;
            legend?: { text: string; className?: string };
            style?: React.CSSProperties;
        }

        export interface Hero3 {
            children: React.ReactNode;
            title: string;
            img: string;
            alt: string;
            width?: string;
            height?: string;
            responsive?: string;
            className?: string;
            isH2?: boolean;
            back?: Button.Back;
            transition?: string;
        }

        type Element = {
            img: string;
            alt: string;
            title: string;
            subtitle: string;
            responsive?: string;
        };

        /**
         * @param title
         * @param alt
         * @param img
         * @param responsive
         * @param rev
         * @param data
         */
        export interface Hero2 {
            title: string;
            alt: string;
            img: string;
            responsive?: string;
            rev: boolean;
            data: Element[];
        }
    }
}