import { PaletteNames } from '../../theme/palette';
import { SvgIcon } from '../Icon';
import { IconName } from '../Icons/IconNames';
import { TitleTags } from '../Title';
export type HighlightPanelColors = Extract<PaletteNames, 'white' | 'neutral' | 'blueberry' | 'cherry'>;
export type HighlightPanelTags = Exclude<keyof HTMLElementTagNameMap, 'dir' | 'font' | 'frame' | 'frameset' | 'marquee' | 'applet' | 'basefont' | 'search'>;
export type HighlightPanelVariants = 'normal' | 'compact';
export interface HighlightPanelProps {
    /** What's in the box? */
    children: React.ReactNode;
    /** Changes the background color. Default: white */
    color?: HighlightPanelColors;
    /** Adds an icon to the highlightpanel. */
    svgIcon?: SvgIcon | IconName;
    /** Changes the underlying element. Default: div */
    htmlMarkup?: HighlightPanelTags;
    /** Adds custom classes to the element. */
    className?: string;
    /** Uses the compact styling if set to compact */
    variant?: HighlightPanelVariants;
    /** Sets the data-testid attribute. */
    testId?: string;
    /** Element that is set after the icon-element in the DOM, often a title-element */
    title?: string;
    /** Markup props for title */
    titleHtmlMarkup?: TitleTags;
}
declare const HighlightPanel: React.FC<HighlightPanelProps>;
export default HighlightPanel;
