import { ComponentPropsWithoutRef, MouseEvent } from 'react'; import { DataTrackingId, LayoutUtilProps } from '../../types'; /** * Props for the Overflow component * @property {string} [children] - The content to be displayed in the overflow container * @property {number | string | "inherit"} [height] - The height of the overflow container * @property {boolean | object} [truncate] - Whether to truncate content with expand/collapse functionality */ export type OverflowProps = ComponentPropsWithoutRef<"div"> & Omit & { /** * The direction of the overflow container * @default column */ direction?: LayoutUtilProps["flexDirection"]; /** * The height of the overflow container * @remarks "inherit" is not supported when truncate is enabled */ height?: number | string | "inherit"; /** * The width of the overflow container */ width?: number | string; } & ({ /** * Whether to truncate content with expand/collapse functionality * @default false */ truncate?: false; } | { /** * Direction must be column when truncate is enabled */ direction: "column"; /** * Truncation configuration with expand/collapse functionality */ truncate: boolean | { /** * Text to display on the expand button * @default "Show more..." */ expandText?: string; /** * Text to display on the collapse button * @default "Show less..." */ collapseText?: string; /** * Callback fired when content is expanded */ onExpand?: (e: MouseEvent) => void; /** * Callback fired when content is collapsed */ onCollapse?: (e: MouseEvent) => void; }; }) & DataTrackingId; export declare const Overflow: import('react').ForwardRefExoticComponent>;