import { Canvas } from '@react-three/fiber'
import CubePair from './CubeDuplicate'
import GroupedStructure from './Group'

export default function App() {
    return (
        <Canvas camera={{ fov: 60, near: 0.1, far: 100, position: [0, 0, 6] }}>
            <color attach="background" args={['#101418']} />
            <ambientLight intensity={0.6} />
            <directionalLight intensity={1.1} position={[4, 6, 5]} />
            {/* <CubePair /> */}
            <GroupedStructure position={[-1.4, 0, 0]} direction={1}/>
            <GroupedStructure position={[ 1.4, 0, 0]} direction={1}/>
        </Canvas>
    )
}