import React from "react";
import type { EventEmit, EntityWith } from "@almadar/core";
export type CanvasItemStatus = 'empty' | 'seated' | 'ordered' | 'awaiting-bill' | 'cleaning';
export type CanvasItemShape = 'round' | 'rectangle' | 'square';
export interface PositionedCanvasProps {
    /**
     * Items to render. The molecule narrows non-array values to `[]` and reads
     * each row's `id` / `x` / `y` / `label` fields at render time.
     */
    items: readonly EntityWith<'id' | 'label' | 'x' | 'y'>[];
    width?: number;
    height?: number;
    selectedId?: string | null;
    editable?: boolean;
    onSelect?: (id: string | null) => void;
    onMove?: (id: string, x: number, y: number) => void;
    selectEvent?: EventEmit<{
        id: string | null;
    }>;
    moveEvent?: EventEmit<{
        id: string;
        x: number;
        y: number;
    }>;
    className?: string;
}
export declare const PositionedCanvas: React.FC<PositionedCanvasProps>;
