import React from "react";
import { Scene } from "./components/Scene.tsx";
import { Sidebar } from "./components/Sidebar.tsx";
import { CameraSelector } from "./components/CameraSelector.tsx";
import { ModelControls } from "./components/ModelControls.tsx";
import { BackdropUpload } from "./components/BackdropUpload.tsx";
import "./App.css";

export const App: React.FC = () => {
  return (
    <section className="app">
      <Sidebar />
      <main className="main-content">
        <Scene />
        <aside className="overlay-controls">
          <CameraSelector />
          <BackdropUpload />
        </aside>
        <ModelControls />
      </main>
    </section>
  );
};