Login Page - Copy this React, Tailwind Component to your project

<Modal title={<h1 className="text center text md font semibold">Bạn phải đăng nhập để thực hiện hành động này!</h1>} open={isModalVisible} onCancel={handleCancel} closeIcon={null} footer={false} > <div className="flex justify around mt 6"> <Button loading={loading} onClick={handleLogin} className="btn sm bg [#fa62b4] rounded py 2 px 10 hover:bg [#cc5294] text white"> Login </Button> <Button loading={loading} onClick={handleCancel} className="btn sm bg [#1a5aa1] rounded py 2 px 10 hover:bg [#15457a] text white"> Cancel </Button> </div> </Modal>