import React from 'react'
import { TreeItem } from './types'
import { classnames } from './utils/classnames'
import './placeholder-renderer-default.css'

export interface PlaceholderRendererProps {
  isOver: boolean
  canDrop: boolean
  draggedNode?: TreeItem
}

const PlaceholderRendererDefault: React.FC<PlaceholderRendererProps> = ({
  isOver = false,
  canDrop = false,
  draggedNode: _draggedNode,
}) => {
  return (
    <div
      className={classnames(
        'rst__placeholder',
        canDrop ? 'rst__placeholderLandingPad' : '',
        canDrop && !isOver ? 'rst__placeholderCancelPad' : ''
      )}
    />
  )
}

export default PlaceholderRendererDefault