import { CSSProperties, ReactNode } from 'react';
import { ScrollableContainerCommonProps } from '../../../common';
export interface ContentProps {
    /** Specifies a CSS class name to be appended to the component’s root element.
     * @internal
     */
    className?: string;
    /** data hook for testing */
    dataHook?: string;
    /** the content you want to render in the modal, children passed directly will be treated as `content` as well */
    content?: string | ReactNode;
    /** whether to show divider above content (default: false)
     * when set to true - top divider is never shown
     * when set to false - shows top divider when scroll position is greater than 0
     */
    hideTopScrollDivider?: boolean;
    /** whether to show divider below content (default: false)
     * when set to true - bottom divider is never shown
     * when set to false - shows bottom divider until content is scrolled to the boottom
     */
    hideBottomScrollDivider?: boolean;
    /** Props related to the scrollable content.
     *
     * **onScrollAreaChanged** - A Handler for scroll area changes, will be triggered only when the user scrolls to a
     * different area of the scrollable content, see signature for possible areas
     * ##### Signature:
     * `function({area: {y: AreaY, x: AreaX}, target: HTMLElement}) => void`
     *
     * `AreaY`: top | middle | bottom | none
     *
     * `AreaX`: start | middle | end | none (not implemented yet)
     *
     * **onScrollAreaChanged** - A Generic Handler for scroll changes with throttling (100ms)
     * ##### Signature:
     * `function({target: HTMLElement}) => void`
     * */
    scrollProps?: ScrollableContainerCommonProps;
    /**
     * Sets overflow-y value
     * @default auto
     * */
    overflowY?: CSSProperties['overflowY'];
    children?: ReactNode;
}
//# sourceMappingURL=Content.types.d.ts.map