From 51598a20e37748db25d5ed9ced15c3c7e0440fbb Mon Sep 17 00:00:00 2001
From: priyanshu2k3 <priyanshu9836@gmail.com>
Date: Tue, 29 Oct 2024 16:55:56 +0530
Subject: [PATCH] feat(core): :sparkles: adds the css

adds the css

ref : #381
---
 .../inputs/custom/GithubAuthComponent.js      | 20 +++++++++++++++++--
 1 file changed, 18 insertions(+), 2 deletions(-)

diff --git a/package/components/inputs/custom/GithubAuthComponent.js b/package/components/inputs/custom/GithubAuthComponent.js
index 023245c5..a750064b 100644
--- a/package/components/inputs/custom/GithubAuthComponent.js
+++ b/package/components/inputs/custom/GithubAuthComponent.js
@@ -7,6 +7,9 @@ import { NativeGithubAuthComponent } from "@wrappid/native";
 import { WrappidDataContext } from "@wrappid/styles";
 import { useDispatch } from "react-redux";
 
+import CoreClasses from "../../../styles/CoreClasses";
+import CoreBox from "../../layouts/CoreBox";
+
 export default function GithubAuthComponent(props) {
   const { config } = React.useContext(WrappidDataContext);
   const dispatch = useDispatch();
@@ -41,5 +44,18 @@ export default function GithubAuthComponent(props) {
     return;
   };
 
-  return (<NativeGithubAuthComponent onClick={handleAuthoriseGithub} {...props} label="Github"/>);
-}
\ No newline at end of file
+  return (
+    <CoreBox
+      height={40}
+      width={40}
+      styleClasses={[
+        CoreClasses.ALIGNMENT.JUSTIFY_CONTENT_CENTER,
+        CoreClasses.ALIGNMENT.ALIGN_ITEMS_CENTER,
+        CoreClasses.BG.BG_WHITE,
+        CoreClasses.BORDER.BORDER,
+        CoreClasses.BORDER.BORDER_GREY_300,
+        CoreClasses.BORDER.BORDER_ROUNDED_CIRCLE
+      ]}>
+      <NativeGithubAuthComponent onClick={handleAuthoriseGithub} {...props} label="Github"/>
+    </CoreBox>
+  );}
\ No newline at end of file