import React from "react";
/**
 * This layout divides the screen in 3 fragments and provides a responsive adaptation when on mobile
 **/
/**
 * A layout component that arranges content in three sections (left, center, right)
 * and automatically adjusts for mobile devices
 */
declare const MainGrid: React.ForwardRefExoticComponent<{
    leftContent?: React.ReactElement<unknown, string | React.JSXElementConstructor<any>> | undefined;
    rightContent?: React.ReactElement<unknown, string | React.JSXElementConstructor<any>> | undefined;
    children: React.ReactElement;
} & React.RefAttributes<Pick<{
    setOrientation: (orientation: "forward" | "backward") => void;
    sectionRef: React.RefObject<HTMLDivElement | null>;
}, "setOrientation">>>;
export default MainGrid;
