import { Sizes } from '@m4l/styles';
import { ContainerFlowSlots } from './slots/ContainerFlowEnum';
import { CONTAINER_FLOW_KEY_COMPONENT } from './constants';
import { Theme } from '@mui/material';
import { M4LOverridesStyleRules } from '../../@types/augmentations';
export type ContainerFlowVariant = 'flex-wrap' | 'column-flex' | 'grid-layout';
export type SemanticSpacings = 'compact' | 'comfortable' | 'standard';
export type ContainerFlowProps = {
    /**
     * Variante del contenedor de items.
     */
    variant: ContainerFlowVariant;
    /**
     * Items del contenedor de items.
     */
    children: React.ReactNode;
    /**
     * Tamaño del contenedor de items.
     */
    size?: Extract<Sizes, 'small' | 'medium'>;
    /**
     * Ancho mínimo de los items del contenedor de items.
     */
    minWidth?: number;
    /**
     * Clase del contenedor de items.
     */
    className?: string;
    /**
     * Espacio entre los items del contenedor de items.
     */
    gap?: SemanticSpacings | number;
};
export type ContainerFlowSlotsType = keyof typeof ContainerFlowSlots;
export type ContainerFlowOwnerState = {
    variant: ContainerFlowProps['variant'];
    size: ContainerFlowProps['size'];
    minWidth: ContainerFlowProps['minWidth'];
    gap: ContainerFlowProps['gap'];
};
export type ContainerFlowStyles = M4LOverridesStyleRules<ContainerFlowSlots, typeof CONTAINER_FLOW_KEY_COMPONENT, Theme>;
//# sourceMappingURL=types.d.ts.map