import type { CanvasLayerKind } from '../../../utils/canvasDocument.js';
export declare const CANVAS_ELEMENT_MIME = "application/x-r2-canvas-element";
export interface CanvasElementDef {
    id: string;
    label: string;
    kind: CanvasLayerKind;
    group: string;
    swatch?: string;
    /** Shown in the tile preview (emoji / glyph). */
    glyph?: string;
    partial?: {
        name?: string;
        text?: string;
        fontSize?: number;
        fontWeight?: number | string;
        fontFamily?: string;
        letterSpacing?: number;
        fill?: string;
        color?: string;
        borderRadius?: number;
        stroke?: string;
        strokeWidth?: number;
        textAlign?: 'left' | 'center' | 'right';
        textBackground?: string;
        clipChildren?: boolean;
        gap?: number;
        slotName?: string;
        columns?: number;
        rect?: {
            w: number;
            h: number;
        };
    };
    /** Special tool action instead of placing a layer. */
    tool?: 'pen';
}
interface CanvasElementsPanelProps {
    class?: string;
    onadd?: (def: CanvasElementDef) => void;
}
declare const CanvasElementsPanel: import("svelte").Component<CanvasElementsPanelProps, {}, "">;
type CanvasElementsPanel = ReturnType<typeof CanvasElementsPanel>;
export default CanvasElementsPanel;