HTML

html beautifier

import PhoneInput from 'react-phone-input-2';
import 'react-phone-input-2/lib/style.css';
import Form from 'react-bootstrap/Form';
import { Link } from 'react-router-dom';


export default function LeftSideWrapper() {

return (
    
        <div className='px-5 pt-5 '>
                        <div>
                            <p>Mobile Number</p>
                            <PhoneInput className="mb-3"
                                inputProps={{
                                    country: 'us',
                                    name: 'phone',
                                    required: true
                                }}
                            />
                            <Form.Label htmlFor="inputPassword5">Password</Form.Label>
                            <Form.Control
                                type="password"
                                id="inputPassword5"
                                aria-describedby="passwordHelpBlock"
                                placeholder="***********"
                            />
                        </div>
                        <div className='d-flex justify-content-between mt-4 mb-5'>
                            <Form.Group className="mb-3" controlId="formBasicCheckbox">
                                <Form.Check type="checkbox" label="Remember Me" />
                            </Form.Group>
                            <div >
                                <Button variant="primary" type="submit">
                                    Login
                                </Button>
                            </div>
                        </div>
                        <div className='d-flex justify-content-between mt-5 align-items-stretch'>
                            <Link to="">Forgot Password?</Link>
                            <Link to="">Register As Media Owner</Link>
                        </div>
        </div>
)           
}