import React, { type ReactElement, type ReactNode } from 'react'
import Layout from '@/components/default'
import Link from 'next/link'

interface Iprops {
  children?: ReactNode
}

const Profile = (props: Iprops) => {
  return (
    <div>
      <div className="">这是profile的公共头部</div>
      <Link href={'/profile/foo'}>
        <div className="border w-[50px] bg-red-300">foo</div>
      </Link>
      <Link href={'/profile/bar'}>
        <div className="border w-[50px] bg-red-300">bar</div>
      </Link>
    </div>
  )
}

Profile.getLayout = function getLayout(page: ReactElement) {
  return <Layout>{page}</Layout>
}

export default Profile
