import { type HTMLAttributes, type ReactElement } from 'react'; import { type DataTestId, type StylingProps, type WithChildren } from '@dynatrace/strato-components/core'; import { FlexOwnProps } from '@dynatrace/strato-components/layouts'; export declare const ACTION_GROUP_GAP = 4; /** @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) => React.ReactElement | null) & { ActionButton: (props: import("./ActionButton.js").ActionButtonProps) => ReactElement | null; Group: (props: import("./Group.js").GroupProps & import("react").RefAttributes) => React.ReactElement | null; NavItem: (props: import("./NavItem.js").NavItemProps) => ReactElement | null; };