sc-react-ions/lib/components/Modal/Header.js

An open source set of React components that implement Ambassador's Design and UX patterns.

'use strict';

Object.defineProperty(exports, "__esModule", {
  value: true
});

var _react = require('react');

var _react2 = _interopRequireDefault(_react);

var _propTypes = require('prop-types');

var _propTypes2 = _interopRequireDefault(_propTypes);

var _Icon = require('../Icon');

var _Icon2 = _interopRequireDefault(_Icon);

var _headerStyles = require('./header-styles.scss');

var _headerStyles2 = _interopRequireDefault(_headerStyles);

function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }

var Header = function Header(props) {
  var closeIcon = props.closeIcon || _react2.default.createElement(_Icon2.default, { name: 'md-close', width: '15', height: '15', onClick: props.handleClose });

  return _react2.default.createElement(
    'div',
    { className: _headerStyles2.default['header-wrapper'] },
    _react2.default.createElement(
      'div',
      { className: _headerStyles2.default['header-content'] },
      props.children
    ),
    _react2.default.createElement(
      'div',
      { className: _headerStyles2.default['modal-close'] },
      closeIcon
    )
  );
};

Header.propTypes = {
  closeIcon: _propTypes2.default.element,
  handleClose: _propTypes2.default.func
};

exports.default = Header;