import React from 'react';
export interface ContainerProps {
    container?: {
        /** 桌面端列内容宽度 */
        desktopSpan: number;
        /** 移动端列内容宽度 */
        mobileSpan: number;
    };
}
export interface StylesProps {
    /** 自定义样式字符串或对象 */
    style?: string | React.CSSProperties;
    /** 唯一标识符 */
    uid?: string;
    /** 是否禁用 */
    disabled?: boolean;
}
/**
 * 从组件 props 中提取样式相关属性
 */
export declare const getStylesProps: <T extends Record<string, unknown>>(props: T & StylesProps) => StylesProps;
/**
 * 样式 Hook，返回样式类名和样式组件
 * @param styleProps - 样式属性
 */
export declare const useStyles: (styleProps: Partial<StylesProps>, data?: Record<string, any>) => {
    readonly className: `block-${string} `;
    readonly StyleComponent: import("react/jsx-runtime").JSX.Element;
    readonly uid: string;
};
/**
 * 高阶组件通过 withLayout 包装组件，自动应用样式和容器布局
 *
 * @param WrappedComponent - 需要包装的组件
 * @param defaultLayoutProps - 默认样式属性
 */
export declare function withLayout<P>(WrappedComponent: React.ComponentType<P>, defaultLayoutProps?: Partial<StylesProps & ContainerProps>): any;