18 lines
698 B
TypeScript
18 lines
698 B
TypeScript
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>
|
|
)
|
|
}
|