import React from 'react';
import PropTypes from 'prop-types';
import { a as withNano } from '../../../chunk-566df01b.js';
import Text from '../../../Text/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';

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 = objectWithoutProperties(_ref, ['label', 'classes']);
  return React.createElement(
    'div',
    _extends({ className: classes.container }, rest),
    React.createElement(
      Text,
      { size: '14px' },
      label
    )
  );
};

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

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

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