/// <reference types="react" />
interface StyleProps {
    $debug: boolean;
    $margins?: [number, number, number, number];
}
export declare const RootWrapper: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
export declare const OverlayWrapper: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
export declare const RegionWrapper: import("styled-components").FlattenSimpleInterpolation;
export declare const TopRegionWrapper: import("styled-components").StyledComponent<(props: import("./WithIntersection").WithIntersectionProps & import("react").HTMLProps<HTMLDivElement>) => import("react").JSX.Element, import("styled-components").DefaultTheme, StyleProps, never>;
export declare const MiddleRegionWrapper: import("styled-components").StyledComponent<(props: import("./WithIntersection").WithIntersectionProps & import("react").HTMLProps<HTMLDivElement>) => import("react").JSX.Element, import("styled-components").DefaultTheme, StyleProps, never>;
export declare const BottomRegionWrapper: import("styled-components").StyledComponent<(props: import("./WithIntersection").WithIntersectionProps & import("react").HTMLProps<HTMLDivElement>) => import("react").JSX.Element, import("styled-components").DefaultTheme, StyleProps, never>;
export {};
//# sourceMappingURL=RegionsWithIntersections.styled.d.ts.map