import React from 'react';
import PropTypes from 'prop-types';
import { a as withNano } from '../../chunk-566df01b.js';
import Item from './Item/index.js';
import { a as classCallCheck, b as createClass, c as defineProperty, d as inherits, e as objectWithoutProperties, f as possibleConstructorReturn, g as slicedToArray, h as _typeof, i as _extends } from '../../chunk-aad905a2.js';
import '../../chunk-aeb80e51.js';
import '../../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 = objectWithoutProperties(_ref, ['options', 'classes', 'onChange']);
  return React.createElement(
    'div',
    _extends({ className: classes.container }, rest),
    options.map(function (option, index) {
      return React.createElement(Item, { 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 = withNano(styles)(Options);

export default Options$1;
//# sourceMappingURL=index.js.map
