import { Cre8Element } from '../cre8-element';
/**
 * @slot - The component content
 */
export declare class Cre8Hero extends Cre8Element {
    static styles: import("lit").CSSResult[];
    /**
     * Image source
     */
    imgSrc?: string;
    /**
     * Image alt text
     */
    imgAlt?: string;
    /**
     * Position variant. Bottom left is the default position
     * <cre8-text-passage size="sm">
     * <ul>
     * <li>**top-left** renders content in the top left corner of the image</li>
     * <li>**left** renders content in the left, center part of the image</li>
     * <li>**top-center** renders content in the top, center part of the image</li>
     * <li>**center** renders content center of the image</li>
     * <li>**bottom-center** renders content bottom center of the image</li>
     * <li>**top-right** renders content top-right of the image</li>
     * <li>**right** renders content right of the image</li>
     * <li>**bottom-right** renders content bottom, right part of the image</li>
     * </ul>
     * </cre8-text-passage>
     */
    align?: 'top-left' | 'left' | 'top-center' | 'center' | 'bottom-center' | 'top-right' | 'right' | 'bottom-right';
    render(): import("lit-html").TemplateResult<1>;
}
declare global {
    interface HTMLElementTagNameMap {
        'cre8-hero': Cre8Hero;
    }
}
export default Cre8Hero;
//# sourceMappingURL=hero.d.ts.map