import type React from 'react';
import type { FieldStyle } from '../types';
/**
 * Convert a style object with kebab-case keys to React camelCase
 * Useful when importing styles from external sources
 */
export declare function toReactStyle(styleObj: Record<string, unknown> | undefined): React.CSSProperties;
/**
 * Convert FieldStyle to React CSS properties
 * @param style - The field style object
 * @returns React-compatible CSS properties object
 */
export declare function fieldStyleToCSS(style: FieldStyle | undefined): React.CSSProperties;
/**
 * Merge multiple style objects
 */
export declare function mergeStyles(...styles: (React.CSSProperties | undefined)[]): React.CSSProperties;
/**
 * Generate position styles from field position
 * Rounds values to integers for better html2canvas compatibility
 */
export declare function positionToStyle(position: {
    x: number;
    y: number;
    width: number;
    height: number;
}): React.CSSProperties;
/**
 * Default styles for different field types
 */
export declare const defaultFieldStyles: Record<string, FieldStyle>;
/**
 * CSS class name generator
 */
export declare function cn(...classes: (string | undefined | null | false)[]): string;