Hi, I'm Faran Alam

import React, { useState } from var(--code-string)">'react';

var(--code-keyword); font-weight: 600">const UserProfile = ({ user }) => {
  var(--code-keyword); font-weight: 600">const [isFollowing, setIsFollowing] = useState(false);
  
  var(--code-keyword); font-weight: 600">const handleFollow = async () => {
    try {
      await fetch(var(--code-string)">'/api/follow', {
        method: var(--code-string)">'POST',
        body: JSON.stringify({ userId: user.id })
      });
      setIsFollowing(!isFollowing);
    } catch (error) {
      console.error(var(--code-string)">'Failed to follow:', error);
    }
  };
  
  return (
    <div className=var(--code-string)">"profile-card">
      <img src={user.avatar} alt={user.name} />
      <h3>{user.name}</h3>
      <button onClick={handleFollow}>
        {isFollowing ? var(--code-string)">'Unfollow' : var(--code-string)">'Follow'}
      </button>
    </div>
  );
};

export default UserProfile;