Resizable

interface ResizablePanel {
  defaultSize: number;                  // Initial size percentage
  minSize?: number;                     // Minimum size percentage
  maxSize?: number;                     // Maximum size percentage
  content: SchemaNode | SchemaNode[];   // Panel content
}

interface ResizableSchema {
  type: 'resizable';
  
  // Configuration
  direction?: 'horizontal' | 'vertical'; // Panel direction (default: 'horizontal')
  minHeight?: string;                    // Minimum container height
  withHandle?: boolean;                  // Show handle icons (default: true)
  
  // Panels
  panels: ResizablePanel[];              // Array of panel configurations
  
  // Styling
  className?: string;                    // Tailwind CSS classes
  
  // Base properties
  id?: string;
  visible?: boolean | string;
  testId?: string;
}