import CameraStatus from "./CameraStatus";
import SystemOverview from "./SystemOverview";
import SystemStatusCard from "./SystemStatusCard";

const DashboardGrid = () => {
  return (
    <div className="grid grid-cols-1 md:grid-rows-2 md:grid-cols-2">
      <SystemStatusCard />
      <SystemOverview />
      <div className="grid grid-cols-1 md:col-span-2 md:grid-cols-3">
        <CameraStatus title="Camera 1" status={"bg-red-500"} description={"Camera not responding"} />
        <CameraStatus title="Camera 2" status={"bg-gray-500"} description={"Camera Offline"} />
        <CameraStatus title="Camera 3" status={"bg-gray-500"} description={"Camera Offline"} />
      </div>
    </div>
  );
};

export default DashboardGrid;
