import { Component, MouseEvent } from 'react';
import type { BillboardProps, HeroIconSize } from './props';
import type { ViewProps } from '@instructure/ui-view/v11_6';
/**
---
category: components
---
**/
declare class Billboard extends Component<BillboardProps> {
    static readonly componentId = "Billboard";
    static allowedProps: readonly (keyof {
        hero?: React.ReactElement | ((iconSize: HeroIconSize) => React.ReactElement);
        size?: "small" | "medium" | "large";
        as?: import("@instructure/shared-types").AsElementType;
        elementRef?: (element: Element | null) => void;
        heading?: string;
        headingAs?: "h1" | "h2" | "h3" | "span";
        headingLevel?: "h1" | "h2" | "h3" | "h4";
        message?: import("@instructure/shared-types").Renderable;
        onClick?: (e: MouseEvent<ViewProps>) => void;
        href?: string;
        disabled?: boolean;
        readOnly?: boolean;
        margin?: import("@instructure/emotion").Spacing;
    })[];
    static defaultProps: {
        readonly disabled: false;
        readonly readOnly: false;
        readonly size: "medium";
        readonly headingAs: "span";
        readonly headingLevel: "h1";
        readonly as: "span";
        readonly elementRef: () => void;
    };
    ref: Element | null;
    handleRef: (el: Element | null) => void;
    componentDidMount(): void;
    componentDidUpdate(): void;
    renderHeading(): import("@emotion/react/jsx-runtime").JSX.Element;
    get SVGIconSize(): HeroIconSize;
    renderHero(): import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>> | undefined;
    renderContent(): import("@emotion/react/jsx-runtime").JSX.Element;
    handleClick: (e: MouseEvent<ViewProps & Element>) => void;
    render(): import("@emotion/react/jsx-runtime").JSX.Element;
}
export default Billboard;
export { Billboard };
//# sourceMappingURL=index.d.ts.map