'use client'

import Button from '@/@core/components/mui/Button'
import { CardActions } from '@mui/material'
import { useTranslations } from 'next-intl'

export const FormActionButtons = ({ handleReset, isPending }: { handleReset?: () => void; isPending?: boolean }) => {
  const t = useTranslations()
  return (
    <CardActions>
      <Button type='submit' variant='contained' className='mie-2' isLoading={isPending} disabled={isPending}>
        {t('KEY.SUBMIT')}
      </Button>
      <Button type='reset' variant='tonal' color='secondary' onClick={handleReset} disabled={isPending}>
        {t('KEY.RESET')}
      </Button>
    </CardActions>
  )
}