/*!
 * Copyright (c) 2024-present, Okta, Inc. and/or its affiliates. All rights reserved.
 * The Okta software accompanied by this notice is provided pursuant to the Apache License, Version 2.0 (the "License.")
 *
 * You may obtain a copy of the License at http://www.apache.org/licenses/LICENSE-2.0.
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS, WITHOUT
 * WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 *
 * See the License for the specific language governing permissions and limitations under the License.
 */
import { ReactNode } from "react";
type SupportedRegionRatios = [1] | [1, 1] | [1, 2] | [2, 1] | [1, 3] | [3, 1] | [1, 1, 1] | [1, 1, 1, 1];
export type LayoutProps = {
    /**
     * The content of the Grid. May be a `string` or any other `ReactNode` or array of `ReactNode`s.
     */
    children?: ReactNode;
    /**
     * The supported region ratios for the Grid. Each number is a fractional unit that is mapped to the 'fr' CSS unit.
     * e.g. [2, 1] defines a 2/3, 1/3 layout and [1, 1, 1] defines a 1/3, 1/3, 1/3 layout
     * @see https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_grid_layout/Basic_concepts_of_grid_layout#the_fr_unit
     */
    regions: SupportedRegionRatios;
};
declare const MemoizedLayout: import("react").MemoExoticComponent<({ regions, children }: LayoutProps) => import("@emotion/react/jsx-runtime").JSX.Element>;
export { MemoizedLayout as Layout };
//# sourceMappingURL=Layout.d.ts.map