import React, { CSSProperties, ReactNode } from 'react';
interface BasicProps {
    children: ReactNode;
    alignItems?: 'start' | 'end' | 'center' | 'stretch';
    gap?: string;
    className?: string;
    justifyChildren?: 'start' | 'center' | 'end' | 'stretch';
    style?: CSSProperties;
}
interface BasicGrid extends BasicProps {
    columns: number;
    columnsDesktop: number;
    gridTemplateColumns?: never;
    gridTemplateColumnsDesktop?: never;
}
interface ExtendedGrid extends BasicProps {
    columns?: never;
    columnsDesktop?: never;
    gridTemplateColumns: string;
    gridTemplateColumnsDesktop: string;
}
export type Props = BasicGrid | ExtendedGrid;
/**
 * @deprecated Consider to use mantine
 */
declare const Grid: ({ className, columns, columnsDesktop, gridTemplateColumns, gridTemplateColumnsDesktop, gap, children, justifyChildren, style, alignItems, }: Props) => React.JSX.Element;
export { Grid };