import React from 'react';
import { FluentButton } from '../../../../UI/inputs/buttons';
import { useTranslation } from 'react-i18next';
import './EditTransactionDetailsFooterItem.css';
import { useTransactionEngine } from '../../../../utilities/transactions/useTransactionEngine';
const EditTransactionDetailsFooterItem = (props) => {
    const { transactionTypeId, transactionIsClosed, handleOnCancel, handleOnSaveChanges, hideSaveChanges } = props;
    const { hasRevisions } = useTransactionEngine(transactionTypeId);
    const { t } = useTranslation();
    return (React.createElement("div", { className: "transaction-details-footer-item" }, React.createElement(FluentButton, { color: "primary", onClick: handleOnCancel }, t('Cancel')), !transactionIsClosed && !hideSaveChanges && (React.createElement(FluentButton, { variant: "contained", color: "primary", onClick: handleOnSaveChanges }, t('Save Changes')))));
};
export default EditTransactionDetailsFooterItem;
//# sourceMappingURL=EditTransactionDetailsFooterItem.js.map