import React from 'react';
import { faGripVertical } from '@fortawesome/free-solid-svg-icons/faGripVertical';
import { FontAwesomeIcon } from '../font-awesome-icon';
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
export function DragNDropListItemContent({
  listItem
}) {
  return /*#__PURE__*/_jsxs("div", {
    className: "drag-n-drop-list-item-content",
    children: [/*#__PURE__*/_jsx(FontAwesomeIcon, {
      icon: faGripVertical,
      className: "drag-n-drop-list-item-drag-icon"
    }), /*#__PURE__*/_jsx("span", {
      className: "drag-n-drop-list-item-name",
      children: listItem.name
    })]
  });
}