wwf
2025-05-20 938c3e5a587ce950a94964ea509b9e7f8834dfae
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
import type { FC } from 'react'
import React from 'react'
import Button from '../../button'
import type { YearAndMonthPickerFooterProps } from '../types'
import { useTranslation } from 'react-i18next'
 
const Footer: FC<YearAndMonthPickerFooterProps> = ({
  handleYearMonthCancel,
  handleYearMonthConfirm,
}) => {
  const { t } = useTranslation()
 
  return (
    <div className='grid grid-cols-2 gap-x-1 p-2'>
      <Button size='small' onClick={handleYearMonthCancel}>
        {t('time.operation.cancel')}
      </Button>
      <Button variant='primary' size='small' onClick={handleYearMonthConfirm}>
        {t('time.operation.ok')}
      </Button>
    </div>
  )
}
 
export default React.memo(Footer)