Project Board

"use client";

import { RiLayoutColumnLine } from "@remixicon/react";

import {
  AppShell,
  AppShellHeader,
} from "@/components/blocks/app-shell-01/components/app-shell";
import { ProjectBoard as Board } from "@/components/blocks/project-board-01/components/project-board";

/** The project board page inside the shared app shell. */
export function ProjectBoard({
  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="board"
      basePath={basePath}
      links={links}
      popupClassName={popupClassName}
      fill
    >
      <Board
        popupClassName={popupClassName}
        header={(actions) => (
          <AppShellHeader
            title="Project board"
            icon={RiLayoutColumnLine}
            bell={false}
            actions={actions}
            className="gap-0 pt-1 lg:pr-4 lg:pl-2"
          />
        )}
      />
    </AppShell>
  );
}