text: import React from "react";
  
  const ListItem =({styleName, data})=> {
    const {image, name, description, buttonList} = data;
    return (
      <div className={`gx-user-list ${styleName}`}>
        <img
          alt='avatar'
          src={image}
          className="gx-avatar-img gx-avatar-img-lg gx-border-0"
        />
        <div className="gx-description">
          <h3>{name}</h3>
          <p className="gx-mb-2">{description}</p>
  
          {buttonList.map((btn, index) => (
            <span key={index} className="ant-badge gx-badge gx-badge-outline">{btn.name}</span>
          ))}
        </div>
      </div>
    );
  };
  
  export default ListItem;
  