import { useTranslation } from "react-i18n-lite";

interface ReaderTocButtonProps {
  onClick: () => void;
}

export function ReaderTocButton({ onClick }: ReaderTocButtonProps) {
  const { t } = useTranslation();
  return (
    <button
      type="button"
      className="reader-bar-btn"
      onClick={onClick}
      aria-label={t("reader.tocAria")}
    >
      <svg width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth="2" strokeLinecap="round" strokeLinejoin="round">
        <line x1="3" y1="6" x2="21" y2="6" />
        <line x1="3" y1="12" x2="21" y2="12" />
        <line x1="3" y1="18" x2="21" y2="18" />
      </svg>
    </button>
  );
}
