import type { JSX, RefAttributes } from 'react';
import { type Responsive, type Spacing } from './components/spacing/types.js';
import type { CommonProps } from './components/types.js';
export interface StyleProps {
    /** The amount of margin applied to all edges of this component. */
    margin?: Responsive<Spacing | 'auto'>;
    /** The amount of margin applied to the left and right edges of this component. Takes priority over `margin`. */
    marginX?: Responsive<Spacing | 'auto'>;
    /** The amount of margin applied to the top and bottom edges of this component. Takes priority over `margin`. */
    marginY?: Responsive<Spacing | 'auto'>;
    /** The amount of margin applied to the top edge of this component. Takes priority over `marginY` and `margin`. */
    marginTop?: Responsive<Spacing | 'auto'>;
    /** The amount of margin applied to the right edge of this component. Takes priority over `marginX` and `margin`. */
    marginRight?: Responsive<Spacing | 'auto'>;
    /** The amount of margin applied to the bottom edge of this component. Takes priority over `marginY` and `margin`. */
    marginBottom?: Responsive<Spacing | 'auto'>;
    /** The amount of margin applied to the left edge of this component. Takes priority over `marginX` and `margin`. */
    marginLeft?: Responsive<Spacing | 'auto'>;
}
export declare function withStyleProps<T extends Omit<CommonProps, 'id'>, R>(WrappedComponent: (props: T & RefAttributes<R>) => JSX.Element | null, displayName?: string): (props: T & StyleProps & RefAttributes<R>) => JSX.Element | null;
//# sourceMappingURL=with-style-props.d.ts.map