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>
  );
};