@ozen-ui/kit/__inner__/cjs/components/Grid/GridItem.d.ts

React component library

import './Grid.css';
import type { ReactNode, ElementType } from 'react';
import type { ResponsiveValue } from '../../types/ResponsiveValue';
import { type PolymorphicComponentPropsWithRef } from '../../utils/polymorphicComponentWithRef';
export declare const gridItemColVariant: readonly [1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12];
export type GridItemColVariant = (typeof gridItemColVariant)[number];
export declare const gridItemRowVariant: readonly [1, 2, 3, 4, 5, 6];
export type GridItemRowVariant = (typeof gridItemRowVariant)[number];
export declare const cnGridItem: import("@bem-react/classname").ClassNameFormatter;
export type GridItemBaseProps = {
    /** Количество колонок которое будет занимать элемент в сетке */
    col?: ResponsiveValue<GridItemColVariant>;
    /** С какой колонки начинать позиционировать элемент */
    colStart?: ResponsiveValue<GridItemColVariant>;
    /** Количество строк которых будет занимать элемент в сетке */
    row?: ResponsiveValue<GridItemRowVariant>;
    /** С какой строки начинать позиционировать элемент */
    rowStart?: ResponsiveValue<GridItemRowVariant>;
    /** Содержимое компонента */
    children?: ReactNode;
    /** Дополнительные СSS-классы */
    className?: string;
};
export type GridItemProps<As extends ElementType = 'div'> = PolymorphicComponentPropsWithRef<GridItemBaseProps, As>;
export declare const GridItem: import("../../utils/polymorphicComponentWithRef").PolymorphicComponentWithRef<GridItemBaseProps, "div", "as">;