import BreadCrumb from '@/components/bread-crumb'
import Wrap from '@/components/wrap'
import {ReactNode} from 'react'
import Sidebar from './sidebar'

export default function HelpLayout(props: {
  children: ReactNode
}) {
  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 border rounded p-6 min-h-[420px]">
            {props.children}
          </div>
        </div>
      </Wrap>
    </main>
  )
}
