import React from 'react';
import { FormControl, makeStyles, InputAdornment } from '@material-ui/core';
import { Field } from '../Field';
import { FluentTextField } from '../../../UI/inputs/textField/FluentTextField';
import { useTranslation } from 'react-i18next';
import { PaymentCard } from './PaymentCard';
const useStyles = makeStyles(theme => ({
    formControl: {
        width: '100%',
        marginBottom: '10px',
    },
    formControlCheck: {
        width: '100%',
        marginTop: '5px',
        marginLeft: '3px',
    },
}));
export const CashForm = ({ isFormDisabled = false, paymentDetails, amountValue = null, onStatusChange }) => {
    const { t } = useTranslation();
    const classes = useStyles();
    return (React.createElement(PaymentCard, null, React.createElement(FormControl, { className: classes.formControl }, React.createElement(Field
    // @ts-ignore
    , { 
        // @ts-ignore
        component: FluentTextField, ComponentProps: {
            // @ts-ignore
            label: t("Amount"),
            variant: "outlined",
            margin: "none",
            size: "small",
            disabled: isFormDisabled || amountValue || false,
            fullWidth: true,
            InputProps: {
                startAdornment: (React.createElement(InputAdornment, { position: "start" }, "$")),
            },
        }, name: "cashAmount", initialValue: amountValue, required: !isFormDisabled })), React.createElement(FormControl, { className: classes.formControl }, React.createElement(Field
    // @ts-ignore
    , { 
        // @ts-ignore
        component: FluentTextField, ComponentProps: {
            label: t("Description"),
            variant: 'outlined',
            margin: 'normal',
            size: 'small',
            disabled: false,
            fullWidth: true,
            autoComplete: 'off',
            multiline: true,
            rows: 4,
            inputProps: {
                maxLength: 256,
                autocomplete: 'off',
            },
        }, name: "cashDescription", initialValue: "", required: !isFormDisabled }))));
};
//# sourceMappingURL=CashForm.js.map