Spaces:
Build error
Build error
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>
);
} |