import { FC, Dispatch, SetStateAction, ReactNode } from 'react';
export declare const Section: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
/**
 * Provides a container that horizontally centers its contents
 */
export declare const CenteredSection: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
/**
 * Provides a container that removes the left and right padding
 * provided by `Content`, using a negative margin
 */
export declare const EdgeToEdgeSection: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
interface ScrollSectionProps {
    readonly children?: ReactNode;
    readonly className?: string;
    readonly maxHeight?: string;
    readonly scrollRef: Dispatch<SetStateAction<HTMLElement | null>>;
}
export declare const ScrollSection: FC<ScrollSectionProps>;
export declare const DialogMainSection: import("styled-components").StyledComponent<FC<ScrollSectionProps>, import("styled-components").DefaultTheme, {
    readonly hasHeader: boolean;
    readonly scrollRef: Dispatch<SetStateAction<HTMLElement | null>>;
}, never>;
export {};