"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 styleh_components_1 = require("styleh-components"); // @todo
// not last-child
// nth(alternate)


const styles = styleh_components_1.styled.todo`
  border-bottom: 1px solid $colors-light-grey;
`;
const defaultItem = {
  index: 0,
  suggestion: '',
  placeId: '0',
  isActive: false,
  // formatted
  mainText: '',
  secondaryText: ''
};

class DefaultAutoSuggestItem extends react_1.default.PureComponent {
  // constructor(props) {
  //   this.state = props.item
  // }
  // componentWillReceiveProps(props) {
  //   // console.log({ DefaultAutoSuggestItem }, props)
  // }
  render() {
    const {
      item,
      index,
      placeId
    } = this.props;
    const {
      mainText,
      secondaryText,
      suggestion
    } = this.props;
    return react_1.default.createElement("section", {
      key: placeId
    }, react_1.default.createElement("header", null, mainText || suggestion), react_1.default.createElement("p", null, secondaryText));
  }

}

DefaultAutoSuggestItem.defaultProps = Object.assign({}, defaultItem, {
  item: defaultItem
});
exports.DefaultAutoSuggestItem = DefaultAutoSuggestItem; // ========= item =========

const ItemWrap = styleh_components_1.styled.div.className('autosuggest-item')``;
/**
 * @type {Atom}
 */

class AutoSuggestItem extends react_1.default.Component {
  render() {
    const {
      children
    } = this.props;
    return react_1.default.createElement(ItemWrap, null, children);
  }

}

AutoSuggestItem.DefaultAutoSuggestItem = DefaultAutoSuggestItem;
exports.AutoSuggestItem = AutoSuggestItem;
exports.default = AutoSuggestItem; //# sourceMappingURL=AutoSuggestItem.js.map