import { ComponentProps } from 'react';

export type GridLayoutProps = ComponentProps<"div"> & {
    variant?: "default" | "compact" | "inSideNav";
    centered?: boolean;
};
/**
 * Grid layout component that is used to layout components in a grid format. This grid will adjust the number of columns based on the screen size.
 * For a more detailed explanation of the grid layout, see the [NDI Foundation Styles](https://www.figma.com/design/GAUHP88uShhyadfBuEhJrz/[NDI-Web]-Foundation-Styles?node-id=1061-177&t=XeDgPRRYqcd0atmg-0).
 */
export declare function GridLayout({ className, variant, centered, ...props }: GridLayoutProps): import("react/jsx-runtime").JSX.Element;
