"use strict";

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

const tslib_1 = require("tslib");

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

const Empty_1 = require("../../atoms/Empty");

const TextPlaceholder_1 = tslib_1.__importDefault(require("../../atoms/Placeholder/TextPlaceholder"));

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

function defaultRenderDetailedListHeading(props) {
  return react_1.default.createElement(styled_1.HeadingTextPlaceholder, {
    width: "300px"
  });
}

exports.defaultRenderDetailedListHeading = defaultRenderDetailedListHeading;

function defaultRenderDetailedListItem(props) {
  return react_1.default.createElement(react_1.default.Fragment, null, react_1.default.createElement(TextPlaceholder_1.default, {
    className: 'dl-datum',
    width: 200
  }), react_1.default.createElement(styled_1.StyledTextPlaceholder, {
    width: 200
  }));
}

exports.defaultRenderDetailedListItem = defaultRenderDetailedListItem;

function defaultRenderDetailedList(props) {
  const {
    list,
    renderDetailedListItem,
    isColumnView
  } = props,
        remainingProps = tslib_1.__rest(props, ["list", "renderDetailedListItem", "isColumnView"]);

  if (list.length > 0) {
    return list.map((item, index) => react_1.default.createElement(styled_1.DetailedListItemWrapper, {
      key: index,
      isColumnView: isColumnView
    }, renderDetailedListItem(Object.assign({
      item
    }, remainingProps))));
  } else {
    return react_1.default.createElement(Empty_1.Empty, null);
  }
}

exports.defaultRenderDetailedList = defaultRenderDetailedList;

function defaultRenderWrapper(props) {
  const {
    className,
    children
  } = props;
  return react_1.default.createElement(styled_1.DetailedListWrapper, {
    className: className
  }, children);
}

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