import { observer } from "mobx-react";
import { useParams } from "next/navigation";
// mobx store
// components
import { ModuleIssueQuickActions } from "../../quick-action-dropdowns";
import { BaseSpreadsheetRoot } from "../base-spreadsheet-root";

export const ModuleSpreadsheetLayout = observer(
  function ModuleSpreadsheetLayout() {
    const { moduleId } = useParams();

    return (
      <BaseSpreadsheetRoot
        QuickActions={ModuleIssueQuickActions}
        viewId={moduleId?.toString()}
      />
    );
  },
);