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

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

  return (
    <StudioLayout title={props.title} subtitle={props.description}>
      <StudioContentBrowser
        listing={props.listing}
        quickCreate={props.quickCreate}
        emptyTitle="No content matches this filter"
        emptyBody="Try broadening your search or create something new from the Studio shell."
      />
    </StudioLayout>
  )
}