import React from 'react';
import {MainContext} from '../../context'
import './style.sass';
   const Left = () => {
        return(
          <MainContext.Consumer>{data => {
            return(
        <div className={data?.logoText?.length > 80 ? 'longLogoText wizrd-header-logo' : "wizrd-header-logo"} >
          <a className={`${data?.logoUrl ? 'wizrd-logo-img' : ''}`} href='/'>
            {data?.logoUrl  ? <img src={data?.logoUrl} alt='logo' width="184" height="50" /> : null}
            {data?.logoUrl ? '' : (data?.logoText ? data?.logoText : 'Your Name Here') }
          </a>
      </div>)
         }}
       </MainContext.Consumer>)



   };

export default Left;