import type { MouseEvent, ReactNode } from 'react';
import React from 'react';
type Position = 'left' | 'right';
interface Props {
    /**
     * Unique ID for the component
     */
    id?: string;
    /**
     * Content of the component
     */
    children: ReactNode;
    /**
     * Allows to expand or collapse the component.
     * Note: If specified, component acts as truly stateless and therefore internal state management is ignored
     *
     * @default false
     */
    isExpanded?: boolean;
    /**
     * On ButtonIcon mouse click callback.
     */
    onClick?: (e: MouseEvent<HTMLElement>) => void;
    /**
     * Allows to change label of ButtonIcon
     */
    buttonLabel?: string;
    /**
     * Allows to set position of ButtonIcon
     *
     * @param {Position} left ButtonIcon component is aligned to the left side
     * @param {Position} right ButtonIcon component is aligned to the right side
     *
     * @default left
     */
    buttonPosition?: Position;
    /**
     * Allows to define collapsed size
     *
     * @default '10rem'
     */
    collapsedSize?: string;
    /**
     * Allows to pass a custom className
     */
    className?: string;
    /**
     * Allows to pass testid string for testing purposes
     */
    'data-testid'?: string;
    /**
     * Allows to pass an accessible label for the component, enhancing screen reader support.
     */
    ariaLabel?: string;
}
/** @visibleName Read More */
declare const ReadMore: ({ collapsedSize, "data-testid": dataTestId, ...props }: Props) => React.JSX.Element;
export default ReadMore;