import React, { ReactNode } from "react"; import { TextVariants } from "../types"; /** Drop component props */ export interface DropProps extends React.HTMLAttributes { /** Title - appears above the drop and can be hidden*/ title?: string; /** Title Element (H2, H3, etc) */ titleElement?: string; /** Title variant such as title3, title4 etc. */ titleVariant?: TextVariants; /** Show or hide the group title. Visible by default */ titleVisible?: boolean; label: string; /** Aria label for chip */ chipAriaLabel?: string; /** Modal title */ modalTitle?: string; /** Modal title variant */ modalTitleVariant?: TextVariants; /** Modal title element */ modalTitleElement?: string; /** Component children */ children: ReactNode; /** BUTTONS have default values */ /** Action button in the drop footer */ actionButtonLabel?: string; /** Action button aria-label */ actionButtonAriaLabel?: string; /** Action button disabled, if true the button is greyed out */ actionButtonDisabled?: boolean; /** Clear button disabled, if true the button is greyed out */ isUnselected?: boolean; /** Onclick function for action button */ onActionButtonClick?: () => void; /** Clear button in the drop footer */ clearButtonLabel?: string; /** Clear button aria-label */ clearButtonAriaLabel?: string; /** Click function clear button */ onClearButtonClick?: () => void; /** Close icon title */ closeIconTitle?: string; /** Close button aria-label */ closeButtonAriaLabel?: string; /** Highlighting a Chip when it is selected */ isHighlighted?: boolean; /** Hook to indicate that user has clicked outside of drop modal */ onClickOutside?: any; } declare const Drop: React.VFC; export default Drop;