export function DragHandle(): React.ReactElement {
  return (
    <div className="flex flex-col gap-1 cursor-grab active:cursor-grabbing text-cyber-accent/50 hover:text-neon-cyan transition-colors">
      <svg width="12" height="12" viewBox="0 0 12 12" fill="currentColor" aria-hidden="true">
        <circle cx="2" cy="2" r="1.5" />
        <circle cx="6" cy="2" r="1.5" />
        <circle cx="10" cy="2" r="1.5" />
        <circle cx="2" cy="6" r="1.5" />
        <circle cx="6" cy="6" r="1.5" />
        <circle cx="10" cy="6" r="1.5" />
        <circle cx="2" cy="10" r="1.5" />
        <circle cx="6" cy="10" r="1.5" />
        <circle cx="10" cy="10" r="1.5" />
      </svg>
    </div>
  )
}
