mirror of
https://github.com/astuto/astuto.git
synced 2025-12-15 19:27:52 +01:00
23 lines
476 B
TypeScript
23 lines
476 B
TypeScript
import * as React from 'react';
|
|
import { MdDragIndicator } from 'react-icons/md';
|
|
|
|
interface Props {
|
|
dndProvided: any;
|
|
isDragDisabled: boolean;
|
|
color?: 'black' | 'white';
|
|
}
|
|
|
|
const DragZone = ({
|
|
dndProvided,
|
|
isDragDisabled,
|
|
color = 'black',
|
|
}: Props) => (
|
|
<span
|
|
className={`drag-zone${isDragDisabled ? ' drag-zone-disabled' : ''}`}
|
|
{...dndProvided.dragHandleProps}
|
|
>
|
|
<MdDragIndicator color={color} size={18} />
|
|
</span>
|
|
);
|
|
|
|
export default DragZone; |