import FrontCameraOverviewCard from "../components/FrontCameraOverview/FrontCameraOverviewCard";
import Sightings from "../components/PlateStack/Sightings";
import RearCameraOverviewCard from "../components/RearCameraOverview/RearCameraOverviewCard";

const Dashboard = () => {
  return (
    <div className="mx-auto grid grid-cols-1 sm:grid-cols-1 lg:grid-cols-2 gap-2 px-2 sm:px-4 lg:px-0 w-full">
      <FrontCameraOverviewCard />
      <RearCameraOverviewCard />
      <Sightings title="Front Camera Sightings" />
      <Sightings title="Rear Camera Sightings" />
    </div>
  );
};

export default Dashboard;
