import './Grid.css';
import type { ReactNode } from 'react';
import type { ResponsiveValue } from '../../types/ResponsiveValue';
export declare const gridColsVariant: readonly [1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12];
export type GridColsVariant = (typeof gridColsVariant)[number];
export declare const gridGapVariant: readonly ["0", "xs", "s", "m", "l", "xl", "2xl", "3xl", "4xl", "5xl", "6xl", "7xl", "8xl"];
export type GridGapVariant = (typeof gridGapVariant)[number];
declare const gridSizeVariant: readonly ["s", "l"];
export type GridSizeVariant = (typeof gridSizeVariant)[number];
export declare const cnGrid: import("@bem-react/classname").ClassNameFormatter;
export type GridProps = {
    /**
     * Количество колонок в сетке
     * @default 12
     * */
    cols?: ResponsiveValue<GridColsVariant>;
    /**
     * Отступы между элементами
     * @default 2xl
     * */
    gap?: ResponsiveValue<GridGapVariant>;
    /**
     * Отступы между столбцами элемента
     * @default 2xl
     * */
    columnGap?: ResponsiveValue<GridGapVariant>;
    /**
     * Отступы между строками элемента
     * @default 2xl
     * */
    rowGap?: ResponsiveValue<GridGapVariant>;
    /** Размер сетки (предустановленный набор свойств gap и cols) */
    size?: GridSizeVariant;
    /** Содержимое компонента */
    children?: ReactNode;
    /** Дополнительные СSS-классы */
    className?: string;
};
export declare const Grid: import("../../utils/polymorphicComponentWithRef").PolymorphicComponentWithRef<GridProps, "div">;
export {};