import type React from "react";
import type { Column, Columns } from "../MatchColumnsStep";
type ColumnGridProps<T extends string> = {
    columns: Columns<T>;
    userColumn: (column: Column<T>) => React.ReactNode;
    userColumnNew: (column: Column<T>) => React.ReactNode;
    templateColumn: (column: Column<T>) => React.ReactNode;
    onContinue: (val: Record<string, string>[]) => void;
    onBack?: () => void;
    onCancel: () => void;
    isLoading: boolean;
};
/**
 * ColumnGrid: Grilla de columnas para el paso de Match Columns.
 * Muestra las columnas del usuario y permite mapearlas a campos de la plantilla.
 */
export declare const ColumnGrid: <T extends string>({ columns, userColumn, userColumnNew, templateColumn, onContinue, onBack, onCancel, isLoading, }: ColumnGridProps<T>) => import("react/jsx-runtime").JSX.Element;
export type Styles = {
    heading: Record<string, any>;
    title: Record<string, any>;
    userTable: {
        header: Record<string, any>;
        cell: Record<string, any>;
        ignoreButton: Record<string, any>;
    };
    selectColumn: {
        text: Record<string, any>;
        accordionLabel: Record<string, any>;
        selectLabel: Record<string, any>;
    };
    select: Record<string, any>;
};
export {};