Dnd.re

open ExtUtils;

module DragDropContext = {
  [@bs.module "react-beautiful-dnd"] external reactClass : ReasonReact.reactClass =
    "DragDropContext";
  Js.log(reactClass);
  let make = (~onDragEnd, children) =>
    ReasonReact.wrapJsForReason(~reactClass, ~props={"onDragEnd": onDragEnd}, children);
};

module Draggable = {
  [@bs.module "react-beautiful-dnd"] external reactClass : ReasonReact.reactClass = "Draggable";
  let make = (~draggableId, ~render, _) =>
    ReasonReact.wrapJsForReason(
      ~reactClass,
      ~props={
        "draggableId": draggableId
      },
      Obj.magic(render)
    );
};

module Droppable = {
  [@bs.module "react-beautiful-dnd"] external reactClass : ReasonReact.reactClass = "Droppable";
  let make = (~render, ~droppableId, ~isDropDisabled=?, _) =>
    ReasonReact.wrapJsForReason(
      ~reactClass,
      ~props={
        "droppableId": droppableId,
        "isDropDisabled": isDropDisabled |> jsOptBool |> Js.Nullable.from_opt
      },
      Obj.magic(render)
    );
};