|  |  | 
 |  |  | import { Canvas, useFrame } from '@react-three/fiber' | 
 |  |  | import { OrbitControls } from '@react-three/drei' | 
 |  |  | import { Environment, Sky } from '@react-three/drei' | 
 |  |  | import Help from '@/components/help' | 
 |  |  | import Lights from '@/components/light' | 
 |  |  | import Camera from '@/components/camera' | 
 |  |  | import Buildings from '@/components/buidings' | 
 |  |  | import Help from '../components/help' | 
 |  |  | import Lights from '../components/light' | 
 |  |  | import Camera from '../components/camera' | 
 |  |  | import Buildings from '../components/buidings' | 
 |  |  | import TreeGroup from '../components/tree-group' | 
 |  |  | import GridModule from '../components/grid' | 
 |  |  | import House from '../components/house' | 
 |  |  |  | 
 |  |  | const Base = (props) => { | 
 |  |  | 
 |  |  |                 <Sky distance={450000} sunPosition={[0, 1, 0]} inclination={0} azimuth={0.25} /> | 
 |  |  |                 <Buildings /> | 
 |  |  |                 <TreeGroup /> | 
 |  |  |                 <House /> | 
 |  |  |                 <Box position={[0, 0, 0]} /> | 
 |  |  |                 <OrbitControls /> | 
 |  |  |                 <Environment background preset="warehouse" /> |