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

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

  return (
    <StudioLayout title={props.title} subtitle={props.description}>
      <StudioContentBrowser
        listing={props.listing}
        quickCreate={props.quickCreate}
        hideBucketFilter
        emptyTitle="No archived content"
        emptyBody="Nothing is currently hidden or archived across your creator modules."
      />
    </StudioLayout>
  )
}
