"use strict";

var __importDefault = this && this.__importDefault || function (mod) {
  return mod && mod.__esModule ? mod : {
    "default": mod
  };
};

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

const react_1 = __importDefault(require("react"));

const styled_1 = require("./styled");
/**
 * rendering header
 */


function renderHeader(props) {
  return react_1.default.createElement(styled_1.SectionListHeader, null, props.title);
}

exports.renderHeader = renderHeader;
/**
 * rendering wrapper
 */

function renderWrapper(props) {
  const {
    children,
    className,
    dataQa
  } = props;
  const passThroughProps = Object.freeze({
    className,
    'data-qa': dataQa
  });
  return react_1.default.createElement(styled_1.SectionListWrapper, Object.assign({}, passThroughProps), children);
}

exports.renderWrapper = renderWrapper; //# sourceMappingURL=renderProps.js.map