Form Modal Tailwind

<div className="bg-gray-500 bg-opacity-20 h-full w-full fixed top-0 left-0 text-gray-600">
            <div className="flex justify-center items-center h-full">
                <div className="bg-white w-[800px] mx-auto rounded-lg shadow-lg p-6">
                    <div className="flex justify-between">
                        <h1 className="text-2xl font-bold mb-4">
                            Create User
                        </h1>
                        {/* close button */}
                        <button>
                            <svg
                                xmlns="http://www.w3.org/2000/svg"
                                className="h-6 w-6"
                                fill="none"
                                viewBox="0 0 24 24"
                                stroke="currentColor"
                            >
                                <path
                                    strokeLinecap="round"
                                    strokeLinejoin="round"
                                    strokeWidth={2}
                                    d="M6 18L18 6M6 6l12 12"
                                />
                            </svg>
                        </button>
                    </div>
                    <form>
                        <div className="flex flex-col mb-4">
                            <label
                                className="text-gray-700 font-medium mb-2"
                                htmlFor="email"
                            >
                                Email
                            </label>
                            <input
                                className="bg-white rounded-lg p-2 border-2 border-gray-300"
                                type="email"
                                id="email"
                                name="email"
                                value=""
                            />
                        </div>
                        <div className="flex flex-col mb-4">
                            <label
                                className="text-gray-700 font-medium mb-2"
                                htmlFor="password"
                            >
                                Password
                            </label>
                            <input
                                className="bg-white rounded-lg p-2 border-2 border-gray-300"
                                type="password"
                                id="password"
                                name="password"
                                value=""
                            />
                        </div>
                        <div className="flex flex-col mb-4">
                            <label
                                className="text-gray-700 font-medium mb-2"
                                htmlFor="first-name"
                            >
                                First Name
                            </label>
                            <input
                                className="bg-white rounded-lg p-2 border-2 border-gray-300"
                                type="text"
                                id="first-name"
                                name="first_name"
                                value=""
                            />
                        </div>
                        <div className="flex flex-col mb-4">
                            <label
                                className="text-gray-700 font-medium mb-2"
                                htmlFor="last-name"
                            >
                                Last Name
                            </label>
                            <input
                                className="bg-white rounded-lg p-2 border-2 border-gray-300"
                                type="text"
                                id="last-name"
                                name="last_name"
                                value=""
                            />
                        </div>


                            <button className="bg-blue-500 hover:bg-blue-700 text-white font-medium py-2 px-4 rounded-lg">
                                Create user
                            </button>

                    </form>
                </div>
            </div>
        </div>