import _extends from "@babel/runtime/helpers/extends";
import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
var _excluded = ["children", "className", "size"];
import React from 'react';
import cx from 'classnames';
import Island from '../island';
import theme from './theme.css';
var PADDING_VERTICAL = {
  small: 1,
  medium: 2,
  large: 3
};

var Header = function Header(_ref) {
  var children = _ref.children,
      className = _ref.className,
      size = _ref.size,
      others = _objectWithoutProperties(_ref, _excluded);

  var classNames = cx(theme["is-".concat(size)], className);
  return /*#__PURE__*/React.createElement(Island, _extends({}, others, {
    alignItems: "center",
    className: classNames,
    display: "flex",
    size: size,
    paddingVertical: PADDING_VERTICAL[size]
  }), children);
};

export default Header;