"use strict";

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

const tslib_1 = require("tslib");

const react_1 = tslib_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({
  label: "Store Hours"
}, props));

const renderItem = (itemProps, state) => {
  // console.log('[selectDropDown] renderItem', itemProps)
  const {
    label,
    list
  } = itemProps,
        remainingProps = tslib_1.__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