import * as React from "react";
type TVoidElements = "area" | "base" | "br" | "col" | "embed" | "hr" | "img" | "input" | "link" | "meta" | "param" | "source" | "track" | "wbr";
/**
 * Truncate component for displaying limited text with a "Show more" button
 */
export interface ITruncateProps extends React.HTMLAttributes<HTMLElement> {
    /**
     * The type of tag to render for the scroll container, the default value is "div".
     * @default div
     */
    as?: keyof Omit<JSX.IntrinsicElements, TVoidElements>;
    /**
     * The text content to be truncated
     */
    children?: string;
    /**
     * Maximum number of characters to display before truncating.
     * If the text exceeds this limit, it will be truncated with an ellipsis,
     * and a "Show more" button will be displayed.
     * The full text can be viewed in a modal by clicking the "Show more" button.
     * @default 100
     */
    limit?: number;
    /**
     * Overwrite the styles for the Truncate component by passing space separated class names
     */
    className?: string;
}
/**
 * Truncate component for displaying limited text with a "Show more" button
 */
export declare const Truncate: React.ForwardRefExoticComponent<ITruncateProps & React.RefAttributes<HTMLElement>>;
export {};
