bigcapital/packages/webapp/src/containers/Import/ImportFileFooterActions.tsx

// @ts-nocheck
import clsx from 'classnames';
import { Group } from '@/components';
import { CLASSES } from '@/constants';
import { Button, Intent } from '@blueprintjs/core';
import { useFormikContext } from 'formik';
import styles from './ImportFileActions.module.scss';
import { useImportFileContext } from './ImportFileProvider';

export function ImportFileUploadFooterActions() {
  const { isSubmitting } = useFormikContext();
  const { onCancelClick } = useImportFileContext();

  const handleCancelBtnClick = () => {
    onCancelClick && onCancelClick();
  };

  return (
    <div className={clsx(CLASSES.PAGE_FORM_FLOATING_ACTIONS, styles.root)}>
      <Group spacing={10}>
        <Button onClick={handleCancelBtnClick}>Cancel</Button>
        <Button type="submit" intent={Intent.PRIMARY} loading={isSubmitting}>
          Next
        </Button>
      </Group>
    </div>
  );
}