6355e61eb8
Co-authored-by: luowei <glpat-EjySCyNjWiLqAED-YmwM> Co-authored-by: crazywoola <427733928@qq.com> Co-authored-by: crazywoola <100913391+crazywoola@users.noreply.github.com> Co-authored-by: Yeuoly <45712896+Yeuoly@users.noreply.github.com>
26 lines
765 B
TypeScript
26 lines
765 B
TypeScript
'use client'
|
|
import React, { type FC } from 'react'
|
|
import { useTranslation } from 'react-i18next'
|
|
import Panel from '@/app/components/app/configuration/base/feature-panel'
|
|
import { Speaker } from '@/app/components/base/icons/src/vender/solid/mediaAndDevices'
|
|
|
|
const TextToSpeech: FC = () => {
|
|
const { t } = useTranslation()
|
|
|
|
return (
|
|
<Panel
|
|
title={
|
|
<div className='flex items-center gap-2'>
|
|
<div>{t('appDebug.feature.textToSpeech.title')}</div>
|
|
</div>
|
|
}
|
|
headerIcon={<Speaker className='w-4 h-4 text-[#7839EE]' />}
|
|
headerRight={
|
|
<div className='text-xs text-gray-500'>{t('appDebug.feature.textToSpeech.resDes')}</div>
|
|
}
|
|
noBodySpacing
|
|
/>
|
|
)
|
|
}
|
|
export default React.memo(TextToSpeech)
|