import React from 'react';
import { Link } from 'react-router-dom';
import govLogo from '../../../images/Ca-Gov-Logo-Gold.svg';

var UtilityHeader = function UtilityHeader(_ref) {
  var toggleSettingsOpen = _ref.toggleSettingsOpen,
      contactLink = _ref.contactLink;
  return React.createElement("div", {
    className: "utility-header"
  }, React.createElement("div", {
    className: "container"
  }, React.createElement("div", {
    className: "group"
  }, React.createElement("div", {
    className: "half"
  }, React.createElement("ul", {
    className: "utility-links social-media-links"
  }, React.createElement("li", null, React.createElement("div", {
    className: "header-cagov-logo"
  }, React.createElement("a", {
    href: "http://www.ca.gov/"
  }, React.createElement("img", {
    src: govLogo,
    alt: "Ca Gov Logo"
  })))), React.createElement("li", null, React.createElement(Link, {
    to: '/'
  }, React.createElement("span", {
    className: "ca-gov-icon-home",
    "aria-hidden": "true"
  }), React.createElement("span", {
    className: "sr-only"
  }, "Home"))))), React.createElement("div", {
    className: "half settings-links p-t-sm"
  }, React.createElement("ul", {
    className: "utility-links"
  }, React.createElement("li", null, React.createElement(Link, {
    to: contactLink
  }, "Contact Us")), React.createElement("li", null, React.createElement("button", {
    onClick: toggleSettingsOpen,
    type: 'button',
    className: "btn btn-xs btn-primary",
    "aria-expanded": "false",
    "aria-controls": "siteSettings"
  }, React.createElement("span", {
    className: "ca-gov-icon-gear",
    "aria-hidden": "true"
  }), ' ', "Settings")))))));
};

export default UtilityHeader;