text: import React from 'react';
  import { graphql, useStaticQuery } from 'gatsby';
  
  const Call = props => {
    const data = useStaticQuery(graphql`
      query ContactQuery {
          contactJson {
            phone
            email
            contact_button_link
          }
      }
     `);
    return (
      <div className="call">
        <div className="call-box-top">
          {data.contactJson.phone && (
            <div className="call-phone">
              <strong>Номер телефона: </strong>
              {' '}
              { data.contactJson.phone }
              {' '}
            </div>
          )}
          {data.contactJson.email && (
            <div className="call-email">
              <strong>Email: </strong>
              <a href={`mailto:${data.contactJson.email}`}>
                {data.contactJson.email}
              </a>
            </div>
          )}
        </div>
        {props.showButton && (
          <div className="call-box-bottom">
            <a href={data.contactJson.contact_button_link} className="button">Контакты</a>
          </div>
        )}
      </div>
    );
  };
  
  export default Call;
  