'use client'

import { Repository } from '@/payload-types'
import { PaginatedDocs } from 'payload'
import RepoList from './RepoList'
import HoldRequestNotifications from './HoldRequests'

type Props = {
  repos: PaginatedDocs<Repository> | null
}
const Manage = (props: Props) => {
  const { repos } = props

  return (
    <section>
      <div className="my-6">
        <RepoList repos={repos} />
      </div>

      <div>
        <HoldRequestNotifications repos={repos} />
      </div>
    </section>
  )
}

export default Manage