import React from "react";
import OrdersOverview from "./OrdersOverview";
import OrdersByStatusCard from "./OrdersByStatusCard";

const ChartsSection = ({ charts }) => {
  return (
    <div className="grid grid-cols-1 lg:grid-cols-3 gap-6">
      {/* Left: takes 2/3 width */}
      <div className="lg:col-span-11">
        <OrdersOverview orderOverview={charts?.orderOverview} />
      </div>
    </div>
  );
};

export default ChartsSection;
