import Wrap from '@/components/wrap'
import {Children} from '@/lib/utils'
import Sidebar from './sidebar'
import HomePage from '@/components/home/page'
import SidebarDrawer from './sidebar-drawer'

export default function DocsLayout(props: Children) {
  return (
    <HomePage path={[{label: '帮助中心', href: '/docs'}]}>
      <Wrap className="flex gap-3 flex-col md:flex-row">
        <SidebarDrawer/>
        <Sidebar className="hidden md:block w-68"/>
        <div className="flex-1 bg-white rounded-lg p-4 md:p-6 min-h-[420px]">
          {props.children}
        </div>
      </Wrap>
    </HomePage>
  )
}