import { PharosElement } from '../base/pharos-element'; import { PharosButton } from '../button/pharos-button'; import { PharosHeading } from '../heading/pharos-heading'; import type { TemplateResult, CSSResultArray } from 'lit'; export type Side = 'top' | 'right' | 'bottom' | 'left'; export type Alignment = 'start' | 'center' | 'end'; export type Delay = 'none' | 'short' | 'long'; export type Variant = 'light' | 'dark'; declare const PharosCoachMark_base: typeof PharosElement; /** * Pharos coach mark component. * * @tag pharos-coach-mark * * @fires pharos-coach-mark-closed - Fires when the coach mark is closed * */ export declare class PharosCoachMark extends PharosCoachMark_base { static elementDefinitions: { 'pharos-button': typeof PharosButton; 'pharos-heading': typeof PharosHeading; }; static get styles(): CSSResultArray; /** * Indicates that the coach mark should not be displayed on the page * @attr hide */ hide: boolean; /** * Indicates which side of the base element the coachmark should appear on * @attr side * @type {Side} */ side: Side; /** * Indicates how the coach mark carat should be aligned in relation to the coach mark content * @attr alignment * @type {Alignment} */ alignment: Alignment; /** * Dictates how long to wait between coach mark trigger and start of coach mark fade in animation * @attr delay * @type {Delay} */ delay: Delay; /** * Text content for the coach mark header * @attr header * @type {string} */ header: string; /** * Style variant * @attr variant * @type {Variant} */ variant: Variant; /** * Set minimum width of coach mark * @attr width * @type {string} */ width: string; private _computedSide; connectedCallback(): void; private _hideCoachMark; private setOffset; protected render(): TemplateResult; } export {}; //# sourceMappingURL=pharos-coach-mark.d.ts.map