import * as fs from "fs";
import matter from 'gray-matter'
import {Metadata} from "next"

import styles from './page.module.sass'
import bannerImage from './pingcap-practice.svg'
import {Banner} from "@/components/Banner/Banner";
import Image from "next/image";
import PracticeListMain from "@/app/practice/main";
import {get} from "@/app/practice/data";

const pathname = './src/app/blog/[slug]/markdown'

const title = '用户实践'
const description = 'TiDB 现已被 3000 多家不同行业的领先企业应用在实际生产环境'

export const metadata: Metadata = {
  title,
  description,
}

// export async function generateStaticParams() {
//   console.log({pathname})
//   const filenames = fs.readdirSync(pathname)
//   console.log({filenames})
//   return filenames
// }

// export async function generateMetadata({params}: { params: { slug: string } }): Promise<Metadata> {
//   const source = fs.readFileSync(pathname + '/' + decodeURIComponent(params.slug) + '.md').toString()
//   const {data, content} = matter(source)
//   return {
//     ...data,
//     description: data.summary,
//   }
// }

export default function PracticeListPage() {
  const {items, tags} = get()

  return (
    <div className={styles.container}>
      <section className={styles.banner}>
        <Banner
          title={title}
          description={description}
          image={<Image className={styles.banner_image} src={bannerImage} alt={''} height={200} />}
        />
      </section>
      <PracticeListMain items={items} tags={tags} />
    </div>
  )
}