added SignOutButton Component with callbacks

Author: omthakare16

package.json

@@ -1,6 +1,6 @@
 {
   "name": "@easyauth.io/easyauth-react",
-  "version": "1.0.2",
+  "version": "1.0.3",
   "description": "React SDK for EasyAuth",
   "main": "dist/index.js",
   "module": "dist/index.es.js",

src/components/SignOutButton/SignOutButton.jsx

@@ -0,0 +1,49 @@
+import {useEasyauth} from '../../hooks/useEasyauth/useEasyauth.jsx';
+import PropTypes from 'prop-types';
+import React from 'react';
+
+export const SignOutButton = ({callback, children}) => {
+  const auth = useEasyauth();
+  if (!children) {
+    return (
+      <a
+        href={
+          process.env.REACT_APP_EASYAUTH_APP_URL +
+          '/logout?target=' +
+          btoa(callback || window.location.href)
+        }
+      >
+        <button
+          onClick={() => {
+            auth.removeUser();
+          }}
+        >
+          Sign Out
+        </button>
+      </a>
+    );
+  }
+  return (
+    <a
+      href={
+        process.env.REACT_APP_EASYAUTH_APP_URL +
+        '/logout?target=' +
+        btoa(callback || window.location.href)
+      }
+    >
+      <div
+        onClick={() => {
+          auth.removeUser();
+        }}
+      >
+        {children}
+      </div>
+    </a>
+  );
+};
+
+
+SignOutButton.propTypes = {
+  callback: PropTypes.string,
+  children: PropTypes.node,
+};

src/index.js

@@ -6,3 +6,4 @@ export * from './components/SignedInAndSignedOut/SignedOut.jsx';
 export * from './hooks/useUser/useUser.jsx';
 export * from './hooks/useStripe/useStripe.jsx';
 export * from './components/UserButton/UserButton.jsx';
+export * from './components/SignOutButton/SignOutButton.jsx';