{"size": 881, "ext": "js", "max_stars_repo_path": "src/admin/components/Title.js", "max_stars_repo_name": "crystalmedia123/client-cm", "max_stars_repo_stars_event_min_datetime": null, "max_stars_repo_stars_event_max_datetime": null, "max_issues_repo_path": "src/admin/components/Title.js", "max_issues_repo_name": "crystalmedia123/client-cm", "max_issues_repo_issues_event_min_datetime": null, "max_issues_repo_issues_event_max_datetime": null, "max_forks_repo_path": "src/admin/components/Title.js", "max_forks_repo_name": "crystalmedia123/client-cm", "max_forks_repo_forks_event_min_datetime": null, "max_forks_repo_forks_event_max_datetime": null}
{"max_stars_count": null, "max_issues_count": null, "max_forks_count": null, "avg_line_length": 25.1714285714, "max_line_length": 53, "alphanum_fraction": 0.4562996595}
import React, { useContext } from 'react';
import Triangle from '../static/images/Triangle.png';

import { CoinContext } from '../../CoinProvider';

const Title = ({ title }) => {
  // CONTEXT
  const { user } = useContext(CoinContext);
  return (
    <>
      {user.map((user, index) => (
        <section key={index} className="section-one">
          <div className="user-meta">
            <div className="my-info">
              <div>Hi {user.name},</div>
              <div>
                <span>{user.level}</span>
                <span>
                  <strong>|</strong> Account
                </span>
                <img src={Triangle} alt="triangle" />
              </div>
            </div>
            <div className="others">
              <h3>{title}</h3>
            </div>
          </div>
        </section>
      ))}
    </>
  );
};

export default Title;
