import React from 'react'

export default function GeneralTab({name='Full Name'}) {
  return (
    <div className="page-account-form">
        <div className="p-4">
            <form>
                <h4>{name}</h4>
                <div className="form-row">
                    <div className="form-group col-md-12">
                        <label htmlFor="name1">Full Name</label>
                        <input type="text" className="form-control" id="name1"
                                value="Alice Williams" />
                    </div>
                    <div className="form-group col-md-12">
                        <label htmlFor="title1">Title</label>
                        <input type="text" className="form-control" id="title1"
                                value="Marketing expert" />
                    </div>
                    <div className="form-group col-md-12">
                        <label htmlFor="phone1">Phone Number</label>
                        <input type="text" className="form-control" id="phone1"
                                value="(01) 97 563 15613" />
                    </div>
                    <div className="form-group col-md-12">
                        <label htmlFor="email1">Email</label>
                        <input type="email" className="form-control" id="email1"
                                value="alicewilliams@gmail.com" />
                    </div>
                </div>
                <div className="form-group">
                    <label htmlFor="add1">Address</label>
                    <input type="text" className="form-control" id="add1"
                            value="17504 Carlton Cuevas Rd, Gulfport, MS, 39503" />
                </div>
                <div className="form-group">
                    <label htmlFor="add2">Address 2</label>
                    <input type="text" className="form-control" id="add2"
                            value="1234 North Avenue Luke Lane, South Bend, IN 360001" />
                </div>


                <button type="submit" className="btn btn-primary">Update Information
                </button>
            </form>
        </div>
    </div>
  )
}