"use strict";

var __rest = this && this.__rest || function (s, e) {
  var t = {};

  for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0) t[p] = s[p];

  if (s != null && typeof Object.getOwnPropertySymbols === "function") for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) if (e.indexOf(p[i]) < 0) t[p[i]] = s[p[i]];
  return t;
};

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 Row_1 = require("../../atoms/Row");

const SelectDropDown_1 = require("../../molecules/SelectDropDown");

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

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

const renderActiveItem = props => react_1.default.createElement(SelectDropDown_1.ActiveOption, Object.assign({}, props, {
  label: "Store Hours"
}));

const renderItem = (itemProps, state) => {
  // console.log('[selectDropDown] renderItem', itemProps)
  const {
    label,
    list
  } = itemProps,
        remainingProps = __rest(itemProps, ["label", "list"]);

  const hoursView = list.map(item => {
    const {
      day,
      hours
    } = item; // console.log('[Hours__Days]', item)

    return react_1.default.createElement(Row_1.Row, {
      key: day
    }, react_1.default.createElement(SelectDropDown_1.SelectText, null, day), react_1.default.createElement(SelectDropDown_1.SelectText, null, hours));
  });
  const selectText = react_1.default.createElement(SelectDropDown_1.SelectText, null, label);
  return react_1.default.createElement(styled_1.StoreOption, Object.assign({
    key: label
  }, remainingProps), selectText, hoursView);
};

class StoreHoursDropDown extends react_1.default.PureComponent {
  render() {
    return react_1.default.createElement(styled_1.StyledSelectDropDown, Object.assign({
      renderActiveItem: renderActiveItem,
      renderItem: renderItem
    }, this.props));
  }

}

StoreHoursDropDown.defaultProps = {
  className: '',
  options: fixture_1.list
};
exports.StoreHoursDropDown = StoreHoursDropDown;
exports.default = StoreHoursDropDown; //# sourceMappingURL=StoreHoursDropDown.js.map