import { Tabs } from '@chakra-ui/react';
import { Link } from '@tanstack/react-router';

export function BookOverviewTabs({
  bookId,
  currentTab,
  isAuthor
}: {
  readonly bookId: string;
  readonly currentTab: 'contents' | 'reviews' | 'details';
  readonly isAuthor: boolean;
}) {
  return (
    <Tabs.Root defaultValue="members" value={currentTab}>
      <Tabs.List>
        <Link to={`/work/book/${bookId}/overview/contents`}>
          <Tabs.Trigger value="contents">Contents</Tabs.Trigger>
        </Link>
        <Link to={`/work/book/${bookId}/overview/reviews`}>
          <Tabs.Trigger value="reviews">Reviews</Tabs.Trigger>
        </Link>
        {isAuthor && (
          <Link to={`/work/book/${bookId}/overview/details`}>
            <Tabs.Trigger value="details">Details</Tabs.Trigger>
          </Link>
        )}
      </Tabs.List>
    </Tabs.Root>
  );
}