"use strict";

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

const tslib_1 = require("tslib");

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

const SectionLinkList_1 = require("../SectionLinkList");

const fixture_1 = require("./fixture");

const styled_1 = require("./styled");

function renderItem(props) {
  return react_1.default.createElement(SectionLinkList_1.SectionLinkList, Object.assign({}, props));
}

class MultipleLinkList extends react_1.default.PureComponent {
  render() {
    const {
      list,
      className
    } = this.props;
    const children = list.map((item, index) => renderItem(item));
    return react_1.default.createElement(styled_1.MultipleLinkListWrapper, {
      className: className,
      length: list.length
    }, children);
  }

}

MultipleLinkList.defaultProps = {
  list: fixture_1.LinkList
};
exports.MultipleLinkList = MultipleLinkList;
exports.default = MultipleLinkList;