import { default as React } from 'react';
import { PaletteNames } from '../../theme/palette';
import { AnchorLinkTags, AnchorLinkTargets } from '../AnchorLink';
import { TitleTags } from '../Title';
export type PromoPanelColors = Extract<PaletteNames, 'neutral' | 'blueberry' | 'cherry'>;
export interface PromoPanelProps {
    /** Used as the link text if set. title or children must be set for the link to have accessible text. */
    title?: string;
    /** Used as the link text if title is not set. */
    children?: string;
    /** Illustration element */
    illustration?: 'Doctor' | 'HealthcarePersonnel';
    /** Changes the underlying element of the title. */
    titleHtmlMarkup?: TitleTags;
    /** Changes the background color. Default: white */
    color?: PromoPanelColors;
    /** Not used if linkComponent is set */
    href?: string;
    /** Anchor link target. If linkComponent is set, this prop is only used to display the right icon for external links. */
    target?: AnchorLinkTargets;
    /** HTML markup for anchor link. Not used if linkComponent is set. Default: a */
    linkHtmlMarkup?: AnchorLinkTags;
    /** Function that is called when clicked. Not used if linkComponent is set. */
    linkOnClick?: () => void;
    /** Custom link component. Must be "a" a or "button" element with no styling. */
    linkComponent?: React.ReactElement;
    /** Sets the data-testid attribute. */
    testId?: string;
}
declare const PromoPanel: React.FC<PromoPanelProps>;
export default PromoPanel;
