import { List } from 'lucide-react';
import React from 'react';

export default function UlPlaceholder() {
    const handleDragStart = (e: React.DragEvent) => {
        e.dataTransfer.setData('componentType', 'ul');
    };

    return (
        <div
            draggable
            onDragStart={handleDragStart}
            className="flex h-14 w-14 cursor-grab items-center justify-center rounded-lg bg-muted"
        >
            <List className="h-10 w-10 text-muted-foreground" />
        </div>
    );
}
