'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$1$1 = require('../../../Text/index.js');
var __chunk_3 = require('../../../chunk-6d243953.js');
require('../../../chunk-2b268ae7.js');

var styles = (function (theme) {
  return {
    container: {
      display: 'flex',
      justifyContent: 'space-around',
      padding: '6px 0',
      cursor: 'pointer',
      '&:hover': {
        backgroundColor: '#fafafa'
      }
    },
    col: {
      flexGrow: 1,
      textAlign: 'center',
      width: '33%'
    }
  };
});

var Item = function Item(_ref) {
  var label = _ref.label,
      classes = _ref.classes,
      rest = __chunk_3.objectWithoutProperties(_ref, ['label', 'classes']);
  return React__default.createElement(
    'div',
    __chunk_3._extends({ className: classes.container }, rest),
    React__default.createElement(
      index$1$1,
      { size: '14px' },
      label
    )
  );
};

Item.propTypes = {
  children: PropTypes.string,
  classes: PropTypes.object,
  label: PropTypes.string,
  onSelected: PropTypes.func
};

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

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