import { default as React } from 'react';
export type EllipsisPosition = 'start' | 'end';
export interface EllipsisProps {
    /**
     * The content to be displayed inside the ellipsis container.
     */
    children: React.ReactNode;
    /**
     * The maximum number of lines before truncating the text with an ellipsis.
     * If the content exceeds this limit, it will be truncated. Applies to the
     * `end` (multi-line) position only.
     * @default 2
     */
    lineClamp?: number;
    /**
     * Where the ellipsis is placed.
     * - `end` — trailing ellipsis, multi-line (clamped by `lineClamp`).
     * - `start` — leading ellipsis, single-line (keeps the end of the text visible,
     *   e.g. for file paths or IDs).
     * @default end
     */
    position?: EllipsisPosition;
    /**
     * Determines whether a popover should be displayed when the text is truncated.
     * If `true`, hovering over the truncated text will show the full content in a popover.
     * @default true
     */
    popover?: boolean;
    /**
     * Adds a custom CSS class to the Ellipsis element for additional styling or theming purposes
     */
    className?: string;
}
export declare const Ellipsis: (props: EllipsisProps) => JSX.Element;
export default Ellipsis;