import { Component, MouseEvent } from 'react'; import type { BillboardProps } from './props'; import type { ViewProps } from '@instructure/ui-view/latest'; /** --- category: components --- **/ declare class Billboard extends Component { static displayName: string; static readonly componentId = "Billboard"; static allowedProps: readonly (keyof { hero?: React.ReactElement | ((iconSize?: import("./props.js").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) => 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; }; state: { isHovered: boolean; isActive: boolean; }; ref: Element | null; handleRef: (el: Element | null) => void; componentDidMount(): void; componentDidUpdate(): void; renderHeading(): import("@emotion/react/jsx-runtime").JSX.Element; handleMouseEnter: () => void; handleMouseLeave: () => void; handleMouseDown: () => void; handleMouseUp: () => void; renderHero(): import("react").ReactElement> | null; renderContent(): import("@emotion/react/jsx-runtime").JSX.Element; handleClick: (e: MouseEvent) => void; render(): import("@emotion/react/jsx-runtime").JSX.Element; } export default Billboard; export { Billboard }; //# sourceMappingURL=index.d.ts.map