import { Suspense } from 'react';

import { PartAnnotations } from './annotations/PartAnnotations';
import { CameraController } from './CameraController';
import { FpsSampler } from './FpsSampler';
import { ViewerEnvironment } from './lighting/ViewerEnvironment';
import { MachineAssetInstance } from './models/MachineAssetInstance';

export interface ViewerSceneProps {
  machineId: string;
  environmentHdrUrl?: string;
}

export function ViewerScene({ machineId, environmentHdrUrl }: ViewerSceneProps) {
  return (
    <>
      <ViewerEnvironment hdrUrl={environmentHdrUrl} />
      <CameraController />

      <Suspense fallback={null}>
        <MachineAssetInstance machineId={machineId} />
        <PartAnnotations />
      </Suspense>

      <FpsSampler />
    </>
  );
}