import React from "react";
import SalesReport from "./SalesReport";
import CustomersReport from "./CustomersReport";
import OrderStatusCards from "./OrderStatusCards";
import InventoryReport from "./InventoryReport";

const ReportsDashboard = () => {
  return (
    <div className="p-6 grid grid-cols-1 md:grid-cols-3 gap-6">
      <div className="md:col-span-3">
        <InventoryReport />
      </div>
      <div className="md:col-span-3">
        <SalesReport />
      </div>
      <div className="md:col-span-3">
        <CustomersReport />
      </div>
      <div className="md:col-span-3">
        <OrderStatusCards />
      </div>
    </div>
  );
};

export default ReportsDashboard;
