import React, { useEffect, useState } from "react";
import Input from "../../component/Input/Input";
import { MdOutlineMailOutline } from "react-icons/md";

    function Login() {
    // =================================================================
    // View
    return (

        <div>
            <div style={{}}>

                <div>
                    <Input
                        inputOnChange={() => console.log("NA")}
                        icon_left={
                            <MdOutlineMailOutline style={{ width: "20px", height: "20px" }} />
                         }
                        event_icon_right={() => console.log("sdf")}
                         icon_right={
                             <MdOutlineMailOutline style={{ width: "20px", height: "20px" }} />
                         }
                        placeholder={"អ៊ុីម៉ែល"}  />

                        <Input
                            id={props.id}
                            placeholder_color={'red'}
                            type={"password"}
                            readonly={true}
                            required={true}
                            style={{ color: "gray" }}
                            title_style={{ color: "black" }}
                            title={"Title"}
                            inputOnChange={() => console.log("NA")}
                            event_icon_right={() => console.log("sdf")}
                            placeholder={"អ៊ុីម៉ែល"}
                            focus_color={"blue"}
                            focus_shadow={"lightblue"}
                        />
                        </div>
                    </div>
            </div>
        );
    }