import { type HTMLAttributes, type ReactElement } from 'react'; import { DataTestId } from '../../../core/types/data-props.js'; import { StylingProps } from '../../../core/types/styling-props.js'; import { WithChildren } from '../../../core/types/with-children.js'; import { FlexOwnProps } from '../../flex/Flex.js'; /** @internal */ export interface ActionGroupProps extends FlexOwnProps, HTMLAttributes, WithChildren, StylingProps, DataTestId { /** * Whether or not the ActionGroup is collapsible. * @defaultValue true */ collapsible?: boolean; /** * Whether the items in the ActionGroup should have a roving focus applied. * @defaultValue true */ rovingFocus?: boolean; /** * Whether to collapse starting from the beginning or end of the ActionGroup. * @defaultValue start */ collapseFrom?: 'start' | 'end'; /** * Icon used for the trigger that opens/closes the overlay when the ActionGroup is collapsed. */ triggerIcon?: ReactElement; /** * Influences the spacings. Condensed is more compact. */ density?: 'default' | 'condensed'; /** * Handler called when the collapsed state changes. */ onCollapsedChange?: (isCollapsed: boolean) => void; /** * Handler called when at least one item is moved into the menu. */ onOverflowChange?: (isCollapsed: boolean) => void; } /** * The `ActionGroup` groups related actions in a container. It takes care of * collapsing the actions into an overlay if there is insufficient space for * rendering all the actions next to each other. It also applies a roving focus * to the actions. * @internal */ export declare const ActionGroup: ((props: ActionGroupProps & import("react").RefAttributes) => import("react").ReactElement | null) & { ActionButton: (props: import("./ActionButton.js").ActionButtonProps) => ReactElement | null; Group: (props: import("./Group.js").GroupProps & import("react").RefAttributes) => import("react").ReactElement | null; NavItem: (props: import("./NavItem.js").NavItemProps) => ReactElement | null; };