summaryrefslogtreecommitdiff
path: root/client/src/components/SubmitButton/SubmitButton.jsx
blob: 230f97338b14965cb8bbf2941033512a095630ee (plain)
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
28
29
30
import React from 'react'
import styles from './SubmitButton.module.css'
import { Typography } from '@mui/material'
import { useTranslation } from 'react-i18next'

const SubmitButton = ({ onClick, onChange, disabled }) => {
  const { t } = useTranslation()
  return (
    <>
      <button
        onClick={onClick}
        className={styles.submit}
        type="submit"
        onChange={onChange}
        disabled={disabled}
      >
        <div className={styles.submit__content}>
          <Typography sx={{ fontSize: '1.5rem', fontWeight: 'bolder', margin: '10px', color: '#323c7a' }}>{t('SAVE_&_NEXT')}</Typography>
          <img
            className={styles.submit__image}
            src={`${process.env.PUBLIC_URL}/assets/images/next_icon.svg`}
            alt=""
          />
        </div>
      </button>
    </>
  )
}

export default SubmitButton