import { Canvas } from "@react-three/fiber";
import Throughput from "./cards/Throughput";
import ReturnOfInvestment from "./cards/ReturnOfInvestment";
import ProductionCapacity from "./cards/ProductionCapacity";
import { OrbitControls } from "@react-three/drei";
import StateWorking from "./cards/StateWorking";

const CardsScene = () => {
  return (
    <div className="cards-scene" style={{ width: "100%", height: "100%" }}>
      {/* <Canvas> */}
        {/* 3d-cards */}

        {/* <ProductionCapacity /> */}
        {/* <ReturnOfInvestment /> */}
        {/* <StateWorking /> */}
        {/* <Throughput /> */}

        {/* <OrbitControls /> */}
      {/* </Canvas> */}
    </div>
  );
};

export default CardsScene;
