"use strict";

var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");

Object.defineProperty(exports, "__esModule", {
  value: true
});
exports["default"] = void 0;

var _react = _interopRequireDefault(require("react"));

var _propTypes = _interopRequireDefault(require("prop-types"));

var _components = require("../../components");

// Components
// Style
var classes = {};
/* istanbul ignore next */

if (typeof window !== 'undefined' || typeof _COMPILED_ === 'undefined') classes = {
  "slate": "#384248",
  "blue": "#118CFD",
  "green": "#12CA93",
  "red": "#E95F6A",
  "yellow": "#F7C543",
  "purple": "#8470BE",
  "graphite": "#4F5A66",
  "shale": "#939EAE",
  "chalk": "#c6cbd3",
  "ivory": "#F0F0F0",
  "lightGray": "#F8F8F8",
  "white": "#FFF",
  "DashHeader": "_1swh7-DashHeader",
  "DashHeader-Inner": "_1Sh8L-DashHeader-Inner",
  "DashHeader-Title": "qv-05-DashHeader-Title",
  "DashHeader-Title-Icon": "_2apjB-DashHeader-Title-Icon",
  "DashHeader-Children": "_1Rz-i-DashHeader-Children"
};

var DashHeader = function DashHeader(props) {
  var icon = props.icon,
      title = props.title,
      children = props.children;
  return /*#__PURE__*/_react["default"].createElement("div", {
    className: classes.DashHeader
  }, /*#__PURE__*/_react["default"].createElement(_components.Flex, {
    className: classes['DashHeader-Inner']
  }, /*#__PURE__*/_react["default"].createElement(_components.Title, {
    className: classes['DashHeader-Title']
  }, /*#__PURE__*/_react["default"].createElement("i", {
    className: [icon, classes['DashHeader-Title-Icon']].join(' ')
  }), title), /*#__PURE__*/_react["default"].createElement("div", {
    className: classes['DashHeader-Children']
  }, children)));
};

DashHeader.propTypes = {
  children: _propTypes["default"].any,
  icon: _propTypes["default"].string,
  title: _propTypes["default"].string
};
var _default = DashHeader;
exports["default"] = _default;