@wulperstudio/cms/organisms/AlterBoard/components/AlterAddColumn/index.js

Wulper Studio Library Components CMS

/* eslint-disable @typescript-eslint/naming-convention */
import React from 'react';
import { Box } from '@mui/material';
import { useSortable } from '@dnd-kit/sortable';
import { CSS } from '@dnd-kit/utilities';
import { jsx as _jsx } from "react/jsx-runtime";
var empty = [];
export var AlterAddColumn = function AlterAddColumn(_ref) {
  var id = _ref.id,
    disabled = _ref.disabled,
    children = _ref.children,
    style = _ref.style;
  var _useSortable = useSortable({
      id: id,
      data: {
        type: 'container',
        children: empty
      },
      disabled: disabled
    }),
    isDragging = _useSortable.isDragging,
    transition = _useSortable.transition,
    transform = _useSortable.transform;
  return /*#__PURE__*/_jsx(Box, {
    sx: Object.assign({
      minWidth: 350,
      transition: transition,
      transform: CSS.Translate.toString(transform),
      opacity: isDragging ? 0.5 : undefined
    }, style),
    children: children
  });
};