import { CoachMarkPosition } from './coachmark-position.model'; import { CoachMarkSize } from './coachmark-size.model'; /** * Config for the coach mark. Instructions must be passed, everything else is defaulted * if set to null. **/ export declare class MtnaCoachMarkConfig { instructions: string; overlayColor?: string | undefined; position?: CoachMarkPosition | undefined; buttonText?: string | undefined; buttonColor?: string | undefined; size?: CoachMarkSize | undefined; xOffset?: number | undefined; yOffset?: number | undefined; width?: number | undefined; height?: number | undefined; /** * Creates an instance of CoachMarkConfig. * @param instructions - instruction text for coach mark. * @param [overlayColor] - Used for the overlay color. Options are primary, * accent or warn. Defaults to primary. * @param [position] - osition of the instructions and close * button. Options are before, left, right, after, below, * above. Defaults to after. * @param [buttonText] - Text for close button. Defaults to 'GOT IT'. * @param [buttonColor] - Color of button, defaults to opposite of overlay color. * @param [size] - Size of the window. Options are small, medium large. * Defaults to medium. * @param [xOffset] - Offsets the instructions and button by x number of pixels * in the x direction. Defaults to 0. * @param [yOffset] - Offsets the instructions and button by x number of pixels * in the y direction. Defaults to 0. * @param [width] - If width of host element wider/skinnier than needed * and window is not in the correct position. If left unset, it uses * the width of the element's client rect. * @param [height] - If height of host element taller/shorter than needed and * window is not in the correct position. If left unset, it uses the * height of the element's client rect. */ constructor(instructions: string, overlayColor?: string | undefined, position?: CoachMarkPosition | undefined, buttonText?: string | undefined, buttonColor?: string | undefined, size?: CoachMarkSize | undefined, xOffset?: number | undefined, yOffset?: number | undefined, width?: number | undefined, height?: number | undefined); }