import React, { FC } from 'react';
import { UniqueIdentifier, useDroppable } from '@dnd-kit/core';

export const Droppable: FC<{ dragging: boolean; id: UniqueIdentifier }> = ({
  children,
  id,
}) => {
  const { setNodeRef } = useDroppable({ id });

  return (
    <div ref={setNodeRef} aria-label="Droppable region">
      {children}
    </div>
  );
};