import React from 'react'
import { usePage } from '@inertiajs/react'
import StudioLayout from '../../Layouts/StudioLayout'
import StudioContentBrowser from '../../Components/Studio/StudioContentBrowser'

export default function StudioDrafts() {
  const { props } = usePage()

  return (
    <StudioLayout title={props.title} subtitle={props.description}>
      <StudioContentBrowser
        listing={props.listing}
        quickCreate={props.quickCreate}
        hideBucketFilter
        emptyTitle="No drafts waiting"
        emptyBody="Every module is caught up. Create something new or switch to the main content queue."
      />
    </StudioLayout>
  )
}
