import { ReactElement } from 'react';
/**
 * Props for the Wysiwyg component
 */
export type WysiwygProps = {
    /** The initial content for the editor */
    content?: string;
    /** Callback function called when content changes */
    onChange?: (content: string) => void;
    /** Additional CSS classes for the container */
    className?: string;
    /** Callback function for uploading images. Should return a Promise that resolves to the image URL */
    onImageUpload?: (file: File) => Promise<string>;
    /** Callback function called when image upload fails */
    onUploadError?: (error: unknown) => void;
};
export type ToolbarCommand = {
    type: 'toggle';
    command: string;
} | {
    type: 'textAlign';
    alignment: 'left' | 'center' | 'right';
};
export type ToolbarItem = {
    id: string;
    icon: ReactElement;
    tooltipKey: string;
    command: ToolbarCommand;
    activeCheck: string | {
        textAlign: string;
    };
};
export type ToolbarGroup = {
    id: string;
    label: string;
    items: ToolbarItem[];
};
/**
 * Props for the Toolbar component
 */
export type ToolbarProps = {
    /** Callback function for uploading images. Should return a Promise that resolves to the image URL */
    onImageUpload?: (file: File) => Promise<string>;
    onUploadError?: (error: unknown) => void;
};
//# sourceMappingURL=types.d.ts.map