geostyler/dist/Component/SortableItem/SortableItem.js

Framework for styling geodata

import { jsx as i } from "react/jsx-runtime";
import { useSortable as n } from "@dnd-kit/sortable";
import { CSS as f } from "@dnd-kit/utilities";
import "./SortableItem.css.js";
const c = ({
  id: r,
  children: t
}) => {
  const {
    attributes: o,
    listeners: e,
    setNodeRef: s,
    transform: m,
    transition: a
  } = n({ id: r });
  return /* @__PURE__ */ i(
    "div",
    {
      className: "gs-sortable-rule-card",
      ref: s,
      ...o,
      ...e,
      style: {
        transform: f.Transform.toString(m),
        transition: a
      },
      children: t
    }
  );
};
export {
  c as SortableItem
};