'use client';

import React from 'react';
import Link from 'next/link';

interface TocItem {
  id: string;
  text: string;
}

interface TocProps {
  toc: TocItem[];
}

const Toc: React.FC<TocProps> = ({ toc }) => {
  return (
    <div>
      <h2>目录</h2>
      <ul>
        {toc.map((item) => (
          <li key={item.id}>
            <Link href={`#${item.id}`} scroll={true}>
              {item.text}
            </Link>
          </li>
        ))}
      </ul>
    </div>
  );
};

export default Toc;