import { RefObject } from 'react'; import { PopoverProps } from '../Popover/Popover'; export interface CoachMarkProps extends Omit { /** * The element the coach mark points at. It is an anchor, not a trigger — * nothing about it opens the coach mark. Give it either this or `anchor`. */ anchorRef?: RefObject; /** * The `id` of the element the coach mark points at, looked up once the * element exists. Use it where a ref cannot be shared — an mStudio extension * renders in a different context than the host, so a ref never arrives, while * an id does. */ anchor?: string; } /** * Points at a control the user did not ask about — a feature that is new, moved * or easy to miss. It opens on its own, so it stays out of the way: the page * below keeps scrolling, focus is left alone, and the coach mark rides along * with its anchor instead of closing at the first scroll. * * Nothing announces it. It renders where it is written, so put it directly * behind the element it points at — then it follows that element in the reading * order, and its anchor refers to it through `aria-details`. * * @flr-generate all * @flr-ignore-props anchorRef * @flowStatus beta, new */ export declare const CoachMark: import('react').FunctionComponent>; export default CoachMark;