import BreadCrumb from '@/components/bread-crumb'
import Wrap from '@/components/wrap'
import {Children} from '@/lib/utils'
import Sidebar from './sidebar'

export default function DocsLayout(props: Children) {
  return (
    <main className="mt-20 flex flex-col gap-4">
      <Wrap className="flex flex-col py-8 gap-8">
        <BreadCrumb items={[
          {label: '帮助中心', href: '/help'},
        ]}/>
        <div className="flex gap-6">
          <Sidebar/>
          <div className="flex-1 bg-white  rounded-lg p-6 min-h-[420px]">
            {props.children}
          </div>
        </div>
      </Wrap>
    </main>
  )
}
