'use strict';

function _interopDefault (ex) { return (ex && (typeof ex === 'object') && 'default' in ex) ? ex['default'] : ex; }

var React = require('react');
var React__default = _interopDefault(React);
var PropTypes = _interopDefault(require('prop-types'));
var __chunk_1 = require('../../chunk-f817ce38.js');
var index$2 = require('./Item/index.js');
var __chunk_3 = require('../../chunk-6d243953.js');
require('../../chunk-2b268ae7.js');
require('../../Text/index.js');

var styles = (function (theme) {
  return {
    container: {
      padding: '5px',
      borderRadius: '4px',
      boxShadow: '0 2px 6px 0 rgba(36, 47, 51, 0.16)',
      border: 'solid 1px ' + theme.palette.grey80,
      backgroundColor: theme.palette.white,
      position: 'absolute',
      top: 50,
      left: 0,
      right: 0,
      maxHeight: '250px',
      overflowY: 'auto',
      zIndex: 100
    },
    header: {
      display: 'flex',
      justifyContent: 'space-evenly'
    },
    headerItem: {
      width: '33%',
      textAlign: 'center'
    }
  };
});

var Options = function Options(_ref) {
  var options = _ref.options,
      classes = _ref.classes,
      onChange = _ref.onChange,
      rest = __chunk_3.objectWithoutProperties(_ref, ['options', 'classes', 'onChange']);
  return React__default.createElement(
    'div',
    __chunk_3._extends({ className: classes.container }, rest),
    options.map(function (option, index) {
      return React__default.createElement(index$2, { key: index, label: option.label, onClick: function onClick() {
          return onChange(option.value);
        } });
    })
  );
};

Options.propTypes = {
  classes: PropTypes.object,
  onChange: PropTypes.func,
  options: PropTypes.arrayOf(PropTypes.shape({
    value: PropTypes.string,
    label: PropTypes.string
  }))
};

var Options$1 = __chunk_1.withNano(styles)(Options);

module.exports = Options$1;
//# sourceMappingURL=index.js.map
