import { ComponentInterface } from '../../stencil-public-runtime';
/**
 * @name Context
 * @category Display
 * @summary Use for displaying supplementary information or hints alongside content.
 * @slot decorator - An optional slot that supports either [Icon](https://tecton.q2developer.com/design-system/q2-icon/) or [Avatar](https://tecton.q2developer.com/design-system/q2-avatar/).
 * Use this as a visual aid for the context being provided.
 *
 * @slot header - A **required** slot that must be a single `<h4>` element. Use this to indicate the purpose or subject of the context being provided.
 *
 * @slot description - A **required** slot. Use this to provide the bulk of the context you wish to convey to the user.
 *
 * @slot affordance - An optional slot that supports either a [Button](https://tecton.q2developer.com/design-system/q2-btn/) or a [Dropdown](https://tecton.q2developer.com/design-system/q2-dropdown/).
 * Use this to provide an affordance such as a dismiss button, or a dropdown kebab menu for the user.
 *
 * @slot action-group - An optional slot that supports up to two elements compatible with [Action Group](https://tecton.q2developer.com/design-system/q2-action-group/).
 * Use this to provide the user with actions related to the context description.
 *
 * @slot footer - An optional slot to display additional HTML content.
 */
export declare class Q2Context implements ComponentInterface {
    hostElement: HTMLElement;
    /** Renders a horizontal line between the description and the action-group/footer slots. */
    separator: boolean;
    componentDidRender(): void;
    get hasActionGroupSlotContent(): boolean;
    get hasAffordanceSlotContent(): boolean;
    get hasDecoratorSlotContent(): boolean;
    get hasFooterSlotContent(): boolean;
    handleActionGroupElements(): void;
    handleAffordanceElement(): void;
    handleDecoratorElement(): void;
    handleHeaderElement(): void;
    render(): any;
}