import { TemplateRef } from '@angular/core';
import { SkyKeyInfoLayoutType } from './key-info-layout-type';
import * as i0 from "@angular/core";
export declare class SkyKeyInfoComponent {
    /**
     * A help key that identifies the global help content to display. When specified, a [help inline](https://developer.blackbaud.com/skyux/components/help-inline) button is
     * placed beside the key info. Clicking the button invokes global help as configured by the application.
     */
    helpKey: string | undefined;
    /**
     * The content of the help popover. When specified, a [help inline](https://developer.blackbaud.com/skyux/components/help-inline)
     * button is added to the key info. The help inline button displays a [popover](https://developer.blackbaud.com/skyux/components/popover)
     * when clicked using the specified content and optional title.
     */
    helpPopoverContent: string | TemplateRef<unknown> | undefined;
    /**
     * The title of the help popover. This property only applies when `helpPopoverContent` is
     * also specified.
     */
    helpPopoverTitle: string | undefined;
    /**
     * The layout for the key info. The vertical layout places the label under the
     * value, while the horizontal layout places the label beside the value.
     * @default "vertical"
     */
    layout: SkyKeyInfoLayoutType | undefined;
    static ɵfac: i0.ɵɵFactoryDeclaration<SkyKeyInfoComponent, never>;
    static ɵcmp: i0.ɵɵComponentDeclaration<SkyKeyInfoComponent, "sky-key-info", never, { "helpKey": { "alias": "helpKey"; "required": false; }; "helpPopoverContent": { "alias": "helpPopoverContent"; "required": false; }; "helpPopoverTitle": { "alias": "helpPopoverTitle"; "required": false; }; "layout": { "alias": "layout"; "required": false; }; }, {}, never, ["sky-key-info-value", "sky-key-info-label", ".sky-control-help"], false, never>;
}