File size: 1,949 Bytes
b4078bb
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
import { 
  ZoomIn, 
  ZoomOut, 
  RotateCcw, 
  Maximize2, 
  Download,
  Share2,
  Info
} from 'lucide-react';

export default function Controls({ 
  onReset, 
  onZoomIn, 
  onZoomOut, 
  onFullscreen,
  worldData 
}) {
  return (
    <div className="absolute top-4 right-4 flex flex-col gap-2">
      <button
        onClick={onZoomIn}
        className="p-2 bg-slate-800/80 hover:bg-slate-700 rounded-lg text-slate-300 hover:text-white transition-colors glass-panel"
        title="Zoom In"
      >
        <ZoomIn className="w-5 h-5" />
      </button>
      
      <button
        onClick={onZoomOut}
        className="p-2 bg-slate-800/80 hover:bg-slate-700 rounded-lg text-slate-300 hover:text-white transition-colors glass-panel"
        title="Zoom Out"
      >
        <ZoomOut className="w-5 h-5" />
      </button>
      
      <button
        onClick={onReset}
        className="p-2 bg-slate-800/80 hover:bg-slate-700 rounded-lg text-slate-300 hover:text-white transition-colors glass-panel"
        title="Reset View"
      >
        <RotateCcw className="w-5 h-5" />
      </button>
      
      <button
        onClick={onFullscreen}
        className="p-2 bg-slate-800/80 hover:bg-slate-700 rounded-lg text-slate-300 hover:text-white transition-colors glass-panel"
        title="Fullscreen"
      >
        <Maximize2 className="w-5 h-5" />
      </button>
      
      <div className="w-px h-4 bg-slate-700 mx-auto"></div>
      
      <button
        className="p-2 bg-slate-800/80 hover:bg-slate-700 rounded-lg text-slate-300 hover:text-white transition-colors glass-panel"
        title="Download Scene"
      >
        <Download className="w-5 h-5" />
      </button>
      
      <button
        className="p-2 bg-slate-800/80 hover:bg-slate-700 rounded-lg text-slate-300 hover:text-white transition-colors glass-panel"
        title="Share"
      >
        <Share2 className="w-5 h-5" />
      </button>
    </div>
  );
}