"use strict";

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

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

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

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

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

var _suitCx = _interopRequireDefault(require("suit-cx"));

var propTypes = {
  /**
   * Header for the item
   */
  header: _propTypes.default.string
};
var defaultProps = {
  header: null
};

function Item(_ref) {
  var header = _ref.header,
      style = _ref.style,
      children = _ref.children,
      className = _ref.className,
      rest = (0, _objectWithoutProperties2.default)(_ref, ["header", "style", "children", "className"]);
  var classes = (0, _suitCx.default)({
    name: 'Item'
  }, {}, className);
  return _react.default.createElement("div", {
    style: style,
    className: classes()
  }, _react.default.createElement("header", null, _react.default.createElement("h3", {
    className: classes('header')
  }, header)), _react.default.createElement("div", {
    className: classes('content')
  }, children));
}

Item.propTypes = propTypes;
Item.defaultProps = defaultProps;
var _default = Item;
exports.default = _default;
module.exports = exports.default;