export interface JWidgetSlot {
    id: string;
    /** Left offset — px number or % string e.g. "2%", "calc(25% + 4px)" */
    x: number | string;
    /** Top offset — px number or % string */
    y: number | string;
    /** Width — px number or % string e.g. "23%" */
    width?: number | string;
    title?: string;
    color?: 'cyan' | 'amber' | 'green' | 'red' | 'blue';
    content: React.ReactNode;
}
export interface JHudCanvasProps {
    widgets: JWidgetSlot[];
    height?: number | string;
    showGrid?: boolean;
    gridSize?: number;
    snapToGrid?: boolean;
    background?: string;
    className?: string;
    style?: React.CSSProperties;
    onWidgetMove?: (id: string, x: number, y: number) => void;
}
export declare function JHudCanvas({ widgets: initialWidgets, height, showGrid, gridSize, snapToGrid, background, className, style, onWidgetMove, }: JHudCanvasProps): import("react").JSX.Element;
//# sourceMappingURL=JHudCanvas.d.ts.map