import React from 'react'
import BlankState from '../../../components/primitive/blank_state_primitive'

export function SearchPromptBlankState() {
  return (
    <BlankState.Root>
      <BlankState.Imagery name="general.search" />
      <BlankState.Content>
        <BlankState.Heading>Search chat</BlankState.Heading>
        <BlankState.Text>
          Find conversations by title, or search for words from a message.
        </BlankState.Text>
      </BlankState.Content>
    </BlankState.Root>
  )
}

interface NoResultsBlankStateProps {
  term: string
}

export function NoResultsBlankState({ term }: NoResultsBlankStateProps) {
  return (
    <BlankState.Root>
      <BlankState.Imagery name="general.search" />
      <BlankState.Content>
        <BlankState.Heading>No results</BlankState.Heading>
        <BlankState.Text>
          Nothing matches &ldquo;{term}.&rdquo; Try a conversation title, or a word from a message.
        </BlankState.Text>
      </BlankState.Content>
    </BlankState.Root>
  )
}