import * as React from 'react'; import { DropdownToggle, DropdownContext } from '../Dropdown'; export interface OptionsMenuToggleProps extends React.HTMLProps { /** Id of the parent options menu component */ parentId?: string; /** Callback for when this options menu is toggled */ onToggle?: ( event: MouseEvent | TouchEvent | KeyboardEvent | React.KeyboardEvent | React.MouseEvent, isOpen: boolean ) => void; /** Flag to indicate if menu is open */ isOpen?: boolean; /** Flag to indicate if the button is plain */ isPlain?: boolean; isSplitButton?: boolean; /** Forces display of the active state of the options menu */ isActive?: boolean; /** Disables the options menu toggle */ isDisabled?: boolean; /** hide the toggle caret */ hideCaret?: boolean; /** Provides an accessible name for the button when an icon is used instead of text */ 'aria-label'?: string; /** @hide Internal function to implement enter click */ onEnter?: (event: React.MouseEvent) => void; /** @hide Internal parent reference */ parentRef?: HTMLElement; /** Content to be rendered in the options menu toggle button */ toggleTemplate?: React.ReactNode; } export const OptionsMenuToggle: React.FunctionComponent = ({ isPlain = false, isDisabled = false, isOpen = false, parentId = '', toggleTemplate = , hideCaret = false, // eslint-disable-next-line @typescript-eslint/no-unused-vars isActive = false, // eslint-disable-next-line @typescript-eslint/no-unused-vars isSplitButton = false, // eslint-disable-next-line @typescript-eslint/no-unused-vars type, 'aria-label': ariaLabel = 'Options menu', ...props }: OptionsMenuToggleProps) => ( {({ id: contextId }) => ( )} ); OptionsMenuToggle.displayName = 'OptionsMenuToggle';