import {red} from '@sanity/color'
import {UnknownIcon} from '@sanity/icons'
import {SanityDefaultPreview} from 'sanity'
import React from 'react'
import {Schedule} from '../../types'
import {FallbackContextMenu} from '../scheduleContextMenu/FallbackContextMenu'
import PreviewWrapper from './PreviewWrapper'

const NoSchemaItem = ({schedule}: {schedule: Schedule}) => {
  return (
    <PreviewWrapper
      contextMenu={<FallbackContextMenu schedule={schedule} />}
      schedule={schedule}
      useElementQueries
    >
      <SanityDefaultPreview
        icon={UnknownIcon}
        layout="default"
        subtitle={<em>It may have been deleted</em>}
        title={<em style={{color: red[600].hex}}>Document not found</em>}
      />
    </PreviewWrapper>
  )
}

export default NoSchemaItem