react_1.js

import React, { useState } from "react";

const User = ({ user }) => {
  if (user.disabled) {
    return <div>{`${user.name} is not active`}</div>;
  } else {
    const [showDetails, setShowDetails] = useState(true);

    const toggleShowDetails = () => setShowDetails(!showDetails);

    return (
      <div>
        <button type="button" onClick={toggleShowDetails}>
          {showDetails ? "Collapse" : "Expand"}
        </button>
        {showDetails && (
          <>
            <span>{user.name}</span>
            <span>{user.email}</span>
            <span>{user.phoneNumber}</span>
          </>
        )}
      </div>
    );
  }
};

export default User;