import { default as React } from 'react';
import { EnhancedSectionData } from '../types/editor';

export interface TableColumn {
    id: string;
    header: string;
    placeholder?: string;
}
export interface TableRow {
    [key: string]: string | number | boolean;
}
export interface CellMerge {
    section: 'thead' | 'tbody';
    rowStart: number;
    rowEnd: number;
    colStart: number;
    colEnd: number;
    value: string;
}
export interface TableData {
    name?: string;
    columns: TableColumn[];
    rows: TableRow[];
    border: boolean;
    mergedCells?: CellMerge[];
}
interface SectionData {
    type: 'text' | 'text-block' | 'heading' | 'heading-2' | 'heading-3' | 'heading-4' | 'buttons' | 'image' | 'divider' | 'table' | 'signature' | 'qr-code' | 'bar-code';
    content: string;
    attributes?: {
        styles?: any;
        placeholders?: Record<string, string>;
        tableData?: TableData;
        [key: string]: any;
    };
}
interface SectionFormatPanelProps {
    section: SectionData | undefined;
    onClose: () => void;
    onUpdate: (data: Partial<EnhancedSectionData>) => void;
    placeholders: Record<string, any>[];
    relation_table?: any;
    handleSave?: () => void;
}
declare const SectionFormatPanel: React.FC<SectionFormatPanelProps>;
export default SectionFormatPanel;
