import * as React from 'react';
import { OverrideProps } from '@mui/types';
import { ResponsiveStyleValue, SystemProps } from '@mui/system';
import { SlotCommonProps } from '../types/slot';
import { Theme } from '../styles';
export interface StackOwnProps extends SystemProps<Theme> {
    /**
     * The content of the component.
     */
    children?: React.ReactNode;
    /**
     * Defines the `flex-direction` style property.
     * It is applied for all screen sizes.
     * @default 'column'
     */
    direction?: ResponsiveStyleValue<'row' | 'row-reverse' | 'column' | 'column-reverse'>;
    /**
     * Defines the space between immediate children.
     * @default 0
     */
    spacing?: ResponsiveStyleValue<number | string>;
    /**
     * Add an element between each child.
     */
    divider?: React.ReactNode;
    /**
     * If `true`, the CSS flexbox `gap` is used instead of applying `margin` to children.
     * @default false
     */
    useFlexGap?: boolean;
}
export interface StackTypeMap<P = object, D extends React.ElementType = 'div'> extends SystemProps<Theme> {
    props: P & StackOwnProps & Pick<SlotCommonProps, 'sx'>;
    defaultComponent: D;
}
export type StackProps<D extends React.ElementType = StackTypeMap['defaultComponent'], P = object> = OverrideProps<StackTypeMap<P, D>, D>;