/**
 * Copyright (c) 2023-present Pi Dash Software, Inc. and contributors
 * SPDX-License-Identifier: AGPL-3.0-only
 * See the LICENSE file for details.
 */

import React from "react";
import AnalyticsWrapper from "../analytics-wrapper";
import TotalInsights from "../total-insights";
import ActiveProjects from "./active-projects";
import ProjectInsights from "./project-insights";

function Overview() {
  return (
    <AnalyticsWrapper i18nTitle="common.overview">
      <div className="flex flex-col gap-14">
        <TotalInsights analyticsType="overview" />
        <div className="grid grid-cols-1 gap-14 md:grid-cols-5">
          <ProjectInsights />
          <ActiveProjects />
        </div>
      </div>
    </AnalyticsWrapper>
  );
}

export { Overview };
