{"size": 1915, "ext": "js", "max_stars_repo_path": "src/components/ourServices/Modal4.js", "max_stars_repo_name": "humanity-care/waste-food-update", "max_stars_repo_stars_event_min_datetime": "2021-12-15T08:57:49.000Z", "max_stars_repo_stars_event_max_datetime": "2021-12-15T08:57:49.000Z", "max_issues_repo_path": "save-wastage-food/src/components/ourServices/Modal4.js", "max_issues_repo_name": "MUH29/Humanity-care", "max_issues_repo_issues_event_min_datetime": null, "max_issues_repo_issues_event_max_datetime": null, "max_forks_repo_path": "save-wastage-food/src/components/ourServices/Modal4.js", "max_forks_repo_name": "MUH29/Humanity-care", "max_forks_repo_forks_event_min_datetime": null, "max_forks_repo_forks_event_max_datetime": null}
{"max_stars_count": 1, "max_issues_count": null, "max_forks_count": null, "avg_line_length": 42.5555555556, "max_line_length": 361, "alphanum_fraction": 0.6125326371}




import React, { useState } from 'react';
import { Modal, Button } from 'react-bootstrap'

function Modal5() {
    const [show, setShow] = useState(false);

    const handleClose = () => setShow(false);
    const handleShow = () => setShow(true);
    return (
        <>

            <h1 className="mb-5 text-decoration-underline serviceHover"
                onClick={handleShow}
                style={{ position: "absolute", cursor: "pointer" }}>Ration
            </h1>

            <Modal show={show} onHide={handleClose}>
                <Modal.Header closeButton>
                    <Modal.Title>Humanity Care Monthly Ration</Modal.Title>
                </Modal.Header>
                <img src="https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcTVmAnEEnBsOWxIZdgJUyFg7q_0wxkI20slhQ&usqp=CAU" alt='' />
                <Modal.Body>In these hard times and rising costs, poor families suffer the most. Due to poverty they lack the funds to meet their day-to-day necessities of life i.e. food, clothing and education. In order to lessen their sufferings, Humanity Care Monthly Ration took upon the humanitarian task to become the Custodian for such indigent families.

                    Humanity Care Welfare gives the utmost priority to ensure their provisions of food, clothing and education and provide these deserving families with Humanity Care Monthly Ration. Also, mandatorily maintaining the respect for their self-esteem––which is never compromised under any circumstances or cost.</Modal.Body>
                <Modal.Footer>
                    <Button variant="secondary" onClick={handleClose}>
                        Close
                    </Button>
                    <Button variant="primary" onClick={handleClose}>
                        Save Changes
                    </Button>
                </Modal.Footer>
            </Modal>
        </>
    )
}

export default Modal5


