Home Dashboard

"use client";

import { RiAddFill, RiFilter3Fill, RiHomeLine } from "@remixicon/react";

import {
  AppShell,
  AppShellHeader,
} from "@/components/blocks/app-shell-01/components/app-shell";
import { HomeDashboard } from "@/components/blocks/home-dashboard-01/components/home-dashboard";
import { Button } from "@/components/ui/button";

/** The home dashboard page inside the shared app shell. */
export function HomeDashboardApp({
  basePath = "",
  links,
  popupClassName,
}: {
  basePath?: string;
  /** Hrefs for the other pages in the sidebar, by nav key. */
  links?: Partial<Record<string, string>>;
  popupClassName?: string;
}) {
  return (
    <AppShell
      selected="home"
      basePath={basePath}
      links={links}
      popupClassName={popupClassName}
    >
      <AppShellHeader
        title="Home"
        heading="Welcome back"
        icon={RiHomeLine}
        actions={
          <>
            <Button variant="outline">
              <RiFilter3Fill />
              Filters
            </Button>
            <Button>
              <RiAddFill />
              Create ticket
            </Button>
          </>
        }
      />
      <div className="pb-3">
        <HomeDashboard popupClassName={popupClassName} />
      </div>
    </AppShell>
  );
}