import React from 'react';
import './style.css';

var HeaderSlim = function HeaderSlim(props) {
  return React.createElement(
    'div',
    { className: 'ma__header_slim' },
    React.createElement('div', { className: 'ma__header_slim__banner' }),
    React.createElement(
      'header',
      { className: 'ma__header_slim__header', id: 'header' },
      React.createElement(
        'div',
        { className: 'ma__header_slim__container ma__container' },
        React.createElement(
          'div',
          { className: 'ma__header_slim__logo' },
          props.siteLogo
        )
      )
    )
  );
};

HeaderSlim.propTypes = process.env.NODE_ENV !== "production" ? {
  /** The domain you want to send users to from the site logo icon */
  // eslint-disable-next-line consistent-return
  siteLogo: function siteLogo(props, propName, componentName) {
    var component = props[propName];
    var isValid = function isValid(comp) {
      if (typeof comp.type === 'string') {
        return comp.type === 'SiteLogo';
      }
      return comp.type.name && comp.type.name === 'SiteLogo';
    };
    if (!component || component && !isValid(component)) {
      return new Error('Invalid prop ' + propName + ' supplied to ' + componentName + '. Got: ' + component.type.name + '. Validation failed.');
    }
  }
} : {};

export default HeaderSlim;