Files
ebiz-dify-ai/web/app/components/app/configuration/config-var/modal-foot.tsx
2023-05-15 08:51:32 +08:00

24 lines
607 B
TypeScript

'use client'
import React, { FC } from 'react'
import { useTranslation } from 'react-i18next'
import Button from '@/app/components/base/button'
export interface IModalFootProps {
onConfirm: () => void
onCancel: () => void
}
const ModalFoot: FC<IModalFootProps> = ({
onConfirm,
onCancel
}) => {
const { t } = useTranslation()
return (
<div className='flex justify-end gap-2'>
<Button onClick={onCancel}>{t('common.operation.cancel')}</Button>
<Button type='primary' onClick={onConfirm}>{t('common.operation.save')}</Button>
</div>
)
}
export default React.memo(ModalFoot)