import { CSSProperties, HTMLAttributes, ReactNode } from 'react';
import { TSpacing, TColumns, StyleProp } from '../../types';

export interface BreakpointProperty {
    [key: string]: number | string;
}
export type BreakpointProperties = number | string | BreakpointProperty;
export interface IGridProps extends HTMLAttributes<HTMLDivElement> {
    /**
     * the number of columns in the grid
     */
    columns?: StyleProp<TColumns>;
    /**
     * the content to render inside the grid container
     */
    children: ReactNode | JSX.Element;
    /**
     * the items alignment of the grid container
     * @default start
     */
    yAlign?: StyleProp<CSSProperties['alignContent']>;
    /**
     * the items alignment of the grid container
     * @default start
     */
    xAlign?: StyleProp<CSSProperties['justifyContent']>;
    /**
     * the wrap of the grid container
     * @default nowrap
     */
    wrap?: StyleProp<CSSProperties['flexWrap']>;
    /**
     * the gap between the grid items
     */
    spacing?: StyleProp<TSpacing>;
    /**
     * the gap between the grid items
     */
    xSpacing?: StyleProp<TSpacing>;
    /**
     * the gap between the grid items
     */
    ySpacing?: StyleProp<TSpacing>;
}
//# sourceMappingURL=types.d.ts.map