"use strict";

Object.defineProperty(exports, "__esModule", {
  value: true
});
exports.DragNDropListItemContent = DragNDropListItemContent;
var _react = _interopRequireDefault(require("react"));
var _faGripVertical = require("@fortawesome/free-solid-svg-icons/faGripVertical");
var _fontAwesomeIcon = require("../font-awesome-icon");
var _jsxRuntime = require("react/jsx-runtime");
function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
function DragNDropListItemContent({
  listItem
}) {
  return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
    className: "drag-n-drop-list-item-content",
    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_fontAwesomeIcon.FontAwesomeIcon, {
      icon: _faGripVertical.faGripVertical,
      className: "drag-n-drop-list-item-drag-icon"
    }), /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
      className: "drag-n-drop-list-item-name",
      children: listItem.name
    })]
  });
}