text: import './MovieInfoBar.css';
  import FontAwesome from 'react-fontawesome';
  import { calcTime, convertMoney } from '../../../helpers';
  
  import React from 'react'
  
  function MovieInfoBar(props) {
      return (
          <div className="rmdb-movieinfobar">
              <div className="rmdb-movieinfobar-content">
  
                  <div className="rmdb-content-col">
                      <FontAwesome className="fa-time" name="clock-o" size="2x" />
                      <span className="rmdb-movieinfobar-info">Running Time: {calcTime(props.time)}</span>
                  </div>
                  <div className="rmdb-content-col">
                      <FontAwesome className="fa-budget" name="money" size="2x" />
                      <span className="rmdb-movieinfobar-info">Budget: {convertMoney(props.budget)}</span>
                  </div>
                  <div className="rmdb-content-col">
                      <FontAwesome className="fa-revenue" name="ticket" size="2x" />
                      <span className="rmdb-movieinfobar-info">Revenue: {convertMoney(props.revenue)}</span>
                  </div>
              </div>
          </div>
      )
  }
  
  export default MovieInfoBar;
  