init: Initial commit

components/core/social-login-button.tsx

@@ -0,0 +1,22 @@
+import { Button } from "@/components/ui/button";
+
+import { cn } from "@/lib/utils";
+
+interface SocialMediaButtonProps {
+  icon: React.ReactNode;
+  label: string;
+  onClick: () => void;
+  className?: string;
+  buttonClassName?: string;
+}
+
+export const SocialLoginButton = (props: SocialMediaButtonProps) => {
+  return (
+    <div className={cn("flex flex-col gap-2 items-center w-full", props.className)}>
+      <Button variant="outline" className={cn("w-full", props.buttonClassName)}>
+        {props.icon}
+        {props.label}
+      </Button>
+    </div>
+  );
+};