import React from "react";
import { FileManagerTabList } from "./FileManagerTabList.tsx";

interface FileManagerTopNavbarProps {
  tabs: { id: string | number; title: string }[];
  activeTab: string | number;
  setActiveTab: (tab: string | number) => void;
  closeTab: (tab: string | number) => void;
  onHomeClick: () => void;
}

export function FIleManagerTopNavbar(
  props: FileManagerTopNavbarProps,
): React.ReactElement {
  const { tabs, activeTab, setActiveTab, closeTab, onHomeClick } = props;

  return (
    <FileManagerTabList
      tabs={tabs}
      activeTab={activeTab}
      setActiveTab={setActiveTab}
      closeTab={closeTab}
      onHomeClick={onHomeClick}
    />
  );
}