import { ActionListItemKind } from '@viasat/beam-shared/components/actionList'; import { ComponentPropsWithoutRef, ElementType, ReactElement } from 'react'; import { Placement } from '@floating-ui/utils'; export declare const ActionListItemOverlayRefContext: import('react').Context>; export declare const useActionListItemOverlayRef: () => import('react').RefObject; type ActionListItemOwnProps = { /** * Add text to an item */ children: React.ReactNode; /** * Add secondary support text */ supportingText?: string; /** * Add content after the text */ contentAfter?: React.ReactNode; /** * Add content before the text */ contentBefore?: React.ReactNode; /** * Specify if a list item is selected * * @default false */ defaultSelected?: boolean; /** * Specify what kind of item displays * * @default 'action' */ kind?: ActionListItemKind; /** * Display the default indention or specify a custom indention to align ActionList items */ indent?: boolean | number; /** * Specify if a list item is disabled * * @default false */ disabled?: boolean; /** * Specify a callback that fires when a list item is selected or deselected */ onSelectionChange?: (selected: boolean) => void; /** * Specify the role of the item * * @default 'option' */ role?: string; tooltipPlacement?: Placement; }; export type ActionListItemProps = ActionListItemOwnProps & { /** * Specify a different component to render the item, such as an anchor tag for links * * @default div */ as?: C; } & Omit, keyof ActionListItemOwnProps | 'as'>; export declare const ActionListItem: ActionListItemComponent; export interface ActionListItemComponent { (props: ActionListItemProps & { ref?: React.ComponentPropsWithRef['ref']; }): ReactElement | null; displayName?: string; } export {};