web/src/app/(home)/product/page.tsx

import BreadCrumb from '@/components/bread-crumb'
import Wrap from '@/components/wrap'
import Purchase, {TabType} from '@/components/composites/purchase'

export type ProductPageProps = {
  searchParams?: {
    type?: TabType
  }
}

export default function ProductPage(props: ProductPageProps) {
  return (
    <main className="mt-20">
      <Wrap className="flex flex-col py-8 gap-4">
        <BreadCrumb items={[
          {label: '产品中心', href: '/product'},
        ]}/>
        <Purchase defaultType={props.searchParams?.type ?? 'short'}/>
      </Wrap>
    </main>
  )
}