@cerberus-design/react/dist/components/Droppable.cjs

The Cerberus Design React component library.

'use client';
'use strict';

Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });

const jsxRuntime = require('react/jsx-runtime');
const core = require('@dnd-kit/core');
const React = require('react');

function Droppable(props) {
  const { dropped, id, disabled, data, resizeObserverConfig, ...nativeProps } = props;
  const uuid = React.useId();
  const { isOver, setNodeRef } = core.useDroppable({
    data,
    disabled,
    id: id || uuid,
    resizeObserverConfig
  });
  return /* @__PURE__ */ jsxRuntime.jsx(
    "div",
    {
      ...nativeProps,
      "data-over": isOver,
      "data-dropped": dropped,
      ref: setNodeRef,
      children: props.children
    }
  );
}

exports.Droppable = Droppable;