import { ReactNode } from 'react';
import { TSize, TTheme } from '../../types';

export interface IHeroProps {
    /**
     * the url of a background image that will fill the hero
     */
    backgroundImage: string;
    /**
     * call to action buttons
     */
    cta?: ReactNode | JSX.Element;
    /**
     * increases spacing and padding of the accordion
     * @default 'md'
     */
    size?: TSize;
    /**
     * text to render below the title
     */
    text?: string | ReactNode | JSX.Element;
    /**
     * a descriptive title that renders an H1 unless overwritten
     */
    title: string | ReactNode | JSX.Element;
    /**
     * the theme of your background image, if dark theme the text will render light and visible
     * @default 'light'
     */
    theme: TTheme;
    /**
     * layout variants for this component
     * @default 'center'
     */
    variant?: 'center' | 'left' | 'right';
}
//# sourceMappingURL=types.d.ts.map