import React from 'react';
import classNames from 'classnames';
import './global.scss';
import { firePageView } from 'lib/gtag';
import { SponsorBanner } from '../../components/sponsor-banner';

class DefaultLayout extends React.Component {
  state = {
    isBannerClosed: false
  };

  componentDidMount() {
    firePageView(window.location.pathname);
  }

  render() {
    return (
      <div>
        <div className={ classNames('banner-wrap', { 'd-none': this.state.isBannerClosed }) }>
          <SponsorBanner onCloseBanner={() => this.setState({ isBannerClosed: true })} />
        </div>
        <div className={ classNames('body-wrap', { 'sponsor-banner-visible': !this.state.isBannerClosed }) }>
          { this.props.children }
        </div>
      </div>
    );
  }
}

export default DefaultLayout;