import React from 'react';
import { DndProvider } from 'react-dnd';
import { SingletonHTML5Backend, html5BackendOptions } from '../../lib/dnd';

interface DndContextWrapperProps {
  children: React.ReactNode;
}

/**
 * DndProvider 래퍼
 * 
 * Singleton Backend를 사용
 * 
 * 주의: React StrictMode에서 여전히 경고가 발생할 수 있지만
 * setup() 메서드 인터셉션으로 실제 초기화는 한 번만 발생
 */
export function DndContextWrapper({ children }: DndContextWrapperProps) {
  return (
    <DndProvider backend={SingletonHTML5Backend} options={html5BackendOptions}>
      {children}
    </DndProvider>
  );
}
