import React, { Component } from "react";
import { Form, FormElement, Field } from "@progress/kendo-react-form";
import * as FormComponents from "../shared/form-components";
import axios from "axios";

class sample extends Component {
    state = {
        firstName: null
    }

    /*componentDidMount() {
        axios.get("someURL").then(response => {
            this.setState({ firstName: response.data })
        })
    }*/

    render() {
        return (
            <div className="container-fluid ">
                <Form
                    render={(formRenderProps) => (
                        <FormElement className={"k-form"}>
                            <Field
                                name={"firstName"}
                                component={FormComponents.FormInput}
                                label={"someLabel"}
                                value={this.state.firstName}
                                onChange={(e) => this.setState({ firstName: e.target.value })}
                            />
                            <div className="text-right">
                                <button type="submit" className="k-button k-primary" disabled={!formRenderProps.allowSubmit}>
                                    ثبت
                                </button >
                            </div>
                        </FormElement>
                    )}
                />
            </div>
        );
    };
} export default sample;