import { CSSProperties, HTMLAttributes, ReactNode } from 'react';
import { TBreakpoints, TSizeAll } from '../../types';

export interface BreakpointProperty {
    [key: string]: number | string;
}
export type BreakpointProperties = number | string | BreakpointProperty;
type TContainerSpacing = TSizeAll | number;
type BreakpointMap<T> = {
    [key in TBreakpoints]: T;
};
type StyleProp<T> = T | Partial<BreakpointMap<T>>;
export interface IContainerProps extends HTMLAttributes<HTMLDivElement> {
    /**
     * the content to render inside the Container container
     */
    children: ReactNode | JSX.Element;
    /**
     * the items alignment of the Container container
     * @default start
     */
    yAlign?: StyleProp<CSSProperties['justifyContent']>;
    /**
     * the items alignment of the Container container
     * @default start
     */
    xAlign?: StyleProp<CSSProperties['alignContent']>;
    /**
     * the gap between the Container items
     */
    spacing?: StyleProp<TContainerSpacing>;
    /**
     * set the maxWidth of the Container, if not set it will be 100%.
     */
    maxWidth?: StyleProp<number>;
}
export {};
//# sourceMappingURL=types.d.ts.map