File size: 620 Bytes
4304c6d
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
import { memo } from 'react'
import { useTranslation } from 'react-i18next'
import cn from 'classnames'

const Placeholder = ({

  compact,

  value,

  className,

}: {

  compact?: boolean

  value?: string

  className?: string

}) => {
  const { t } = useTranslation()

  return (
    <div className={cn(

      className,

      'absolute top-0 left-0 h-full w-full text-sm text-gray-300 select-none pointer-events-none',

      compact ? 'leading-5 text-[13px]' : 'leading-6 text-sm',

    )}>

      {value || t('common.promptEditor.placeholder')}

    </div>
  )
}

export default memo(Placeholder)