import { cn } from "@/lib/utils";

interface AuthIconProps {
  icon: React.ReactNode;
  className?: string;
}

export function AuthIcon({ icon, className }: AuthIconProps) {
  return (
    <div
      className={cn(
        "flex h-14 w-14 items-center justify-center rounded-2xl bg-secondary/20",
        className
      )}
    >
      <div className="h-8 w-8 text-primary [&>svg]:h-full [&>svg]:w-full">
        {icon}
      </div>
    </div>
  );
}