import { CSSProperties } from 'react';
import { LayoutUtilProps } from '../../../types';
/**
 * Responsive layout configuration type
 */
type ResponsiveLayout = {
    /**
     * Base layout properties
     */
    base?: LayoutUtilProps;
    /**
     * Extra small breakpoint layout properties
     */
    xs?: LayoutUtilProps;
    /**
     * Small breakpoint layout properties
     */
    sm?: LayoutUtilProps;
    /**
     * Medium breakpoint layout properties
     */
    md?: LayoutUtilProps;
    /**
     * Large breakpoint layout properties
     */
    lg?: LayoutUtilProps;
    /**
     * Extra large breakpoint layout properties
     */
    xl?: LayoutUtilProps;
    /**
     * Extra extra large breakpoint layout properties
     */
    xxl?: LayoutUtilProps;
};
/**
 * Custom hook for managing responsive layout properties and CSS styles.
 *
 * Features:
 * - Separates layout properties from component properties
 * - Provides responsive breakpoint support for all layout properties
 * - Automatically converts gap sizes to CSS tokens
 * - Uses breakpoint cascade for responsive values
 * - Optimized with useMemo for performance
 * - Supports all CSS Grid and Flexbox properties
 * - Handles responsive size inheritance (larger breakpoints inherit from smaller ones)
 * - Returns both layout styles and filtered component props
 *
 * @param props - Object containing layout and component properties
 * @returns Object containing layout styles and filtered component props
 */
export declare function useLayoutPropsUtil<T extends ResponsiveLayout>(props: T): {
    layoutStyles?: CSSProperties;
    componentProps: T;
};
export {};