<reponame>HardRope/-burger-shop<filename>bundles-src/components/FooterComponent.js<gh_stars>0import React from 'react';

const FooterComponent = props => {
  const style = {
    backgroundColor: "black",
    color: "white",
    paddingTop: "50px",
    paddingBottom: "50px",
    backgroundColor:"black",
    fontSize: "130%",
  }

  // FIXME should be moved to backend db ?
  let email = 'lyhxr@example.com';
  let phoneNumber = '+7 901 999-99-99';
  let address = 'г.Москва, Старый Арбарт, 66';

  return (
    <div style={style}>
      <div className="container">
        <div className="row">
          <div className="col-sm-5">
            <p>Контакты</p>
            <p><span className="glyphicon glyphicon-map-marker"></span> {address}</p>
            <p>
              <a href={'tel:' + phoneNumber } style={{color: 'white'}}>
                <span className="glyphicon glyphicon-phone"></span> {phoneNumber}
              </a>
            </p>
            <p>
              <a href={'mailto:'+ email} style={{color: 'white'}}>
                <span className="glyphicon glyphicon-envelope"></span> {email}
              </a>
            </p>
          </div>
        </div>
      </div>
    </div>
  );
}

export default FooterComponent;
