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
| import { memo } from 'react'
| import { useTranslation } from 'react-i18next'
| import cn from '@/utils/classnames'
|
| const Placeholder = ({
| compact,
| value,
| className,
| }: {
| compact?: boolean
| value?: string
| className?: string
| }) => {
| const { t } = useTranslation()
|
| return (
| <div className={cn(
| className,
| 'pointer-events-none absolute left-0 top-0 h-full w-full select-none text-sm text-components-input-text-placeholder',
| compact ? 'text-[13px] leading-5' : 'text-sm leading-6',
| )}>
| {value || t('common.promptEditor.placeholder')}
| </div>
| )
| }
|
| export default memo(Placeholder)
|
|
