import React from 'react';
import { Field } from 'formik';
import { TextField } from 'formik-material-ui';
import { getMetaValue } from '../../utils/utils';

export default ({ propertyData, propertyId }) => {
    return (
        <Field
            css={{ margin: 16 }}
            disabled={getMetaValue(propertyData, 'readonly')}
            variant={'outlined'}
            name={propertyId}
            label={propertyId}
            component={TextField}
        />
    );
};