import { Suspense } from 'react';
import { Canvas } from "@react-three/fiber";
import { OrbitControls } from '@react-three/drei'
import { Model } from "./Model";

export default function App() {
    return (
        <Canvas camera={{ position: [0, 0, 5], fov: 45 }}>
            <Suspense fallback={null}>
                <Model />
            </Suspense>
            <ambientLight intensity={0.8} />
            <directionalLight position={[3, 4, 5]} intensity={1.2} />
            <OrbitControls />
        </Canvas>
    );
}