import React from "react"; import { Form, Input, Radio } from "antd"; function EducationSection() { return ( <div> <Form.Item name={"isGraduated"} label="Are you graduated?" style={{ display: "block" }} rules={[ { required: true, message: "Please choose whether you are graduated or not", }, ]} > <Radio.Group> <Radio className="d-block" value={true}> Yes </Radio> <Radio className="d-block" value={false}> No </Radio> </Radio.Group> </Form.Item> <Form.Item name={"university"} label="University" style={{ display: "block" }} rules={[ { required: true, message: "Please enter your university name", }, ]} > <Input /> </Form.Item> <Form.Item name={"faculty"} label="Faculty" style={{ display: "block" }} rules={[ { required: true, message: "Please enter your faculty name", }, ]} > <Input /> </Form.Item> <Form.Item name={"department"} label="Department" style={{ display: "block" }} > <Input /> </Form.Item> <Form.Item name={"graduationYear"} label="Year of graduation" style={{ display: "block" }} rules={[ { required: true, message: "Please enter your graduation year", }, ]} > <Input /> </Form.Item> </div> ); } export default EducationSection;