import { default as React } from 'react'; import { IconStringList } from '../Icons/Icon.models'; type PopoverHeaderBase = { /** Determines the color of the background and icon. */ styleType?: 'lighter-gray' | 'green' | 'red' | 'blue' | 'black'; /** Optional function to call when using the close button. */ closeCallout?: () => void; /** Optional icon to include at the left of the header. */ icon?: IconStringList; /** Optionally remove the border radius at the top. Should be used for instances like `SideDrawer` */ noBorderRadius?: boolean; /** Optionally add a back button to the header. This is useful for cases like having multiple `SideDrawer` layers. */ hasBackButton?: boolean; /** Optional prop to add a test id to the PopoverHeader for QA testing */ qaTestId?: string; }; type PopoverHeaderWithText = PopoverHeaderBase & { /** content for the header. This is required if a `logoUrl` is not present. */ headerText: React.ReactNode; logoUrl?: never; }; type PopoverHeaderWithLogo = PopoverHeaderBase & { headerText?: never; /** Logo for the header. This is required if a `headerText` is not present. */ logoUrl: string; }; export type PopoverHeaderProps = PopoverHeaderWithText | PopoverHeaderWithLogo; declare const PopoverHeader: ({ headerText, icon, styleType, closeCallout, noBorderRadius, logoUrl, hasBackButton, qaTestId, }: PopoverHeaderProps) => React.JSX.Element; export default PopoverHeader;