import { __ } from "@wordpress/i18n";
import { Heading } from "@/components/heading";

import { GettingStarted } from "@/components/dashboard/getting-started";
import { ProLaunch } from "@/components/dashboard/pro-launch";
import { QuickLinks } from "@/components/dashboard/quick-links";
import { UpcomingEvents } from "@/components/dashboard/upcoming-events";

export function DashboardOverview() {
  return (
    <div className="flex flex-col gap-8">
      <div className="mx-auto flex w-full gap-2 justify-between">
        <Heading>{__("Dashboard", "eventkoi-lite")}</Heading>
      </div>
      <div className="grid">
        <UpcomingEvents />
      </div>
      <div className="grid">
        <ProLaunch />
      </div>
      <div className="grid gap-8 md:grid-cols-2">
        <GettingStarted />
        <QuickLinks />
      </div>
    </div>
  );
}
