import _extends from "@babel/runtime/helpers/esm/extends";
import _inheritsLoose from "@babel/runtime/helpers/esm/inheritsLoose";
import React from 'react';
import { Select } from "../../../components/Select";
export var SelectPlayground = /*#__PURE__*/function (_React$Component) {
  function SelectPlayground() {
    var _this;
    for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
      args[_key] = arguments[_key];
    }
    _this = _React$Component.call.apply(_React$Component, [this].concat(args)) || this;
    _this.state = {
      value: capitalize(_this.props.size)
    };
    _this.selectItems = ['Small', 'Medium', 'Large'];
    _this.handleChange = function (value) {
      _this.setState({
        value: value
      });
    };
    return _this;
  }
  _inheritsLoose(SelectPlayground, _React$Component);
  var _proto = SelectPlayground.prototype;
  _proto.render = function render() {
    return /*#__PURE__*/React.createElement(Select, _extends({}, this.props, {
      value: this.state.value,
      items: this.selectItems,
      onValueChange: this.handleChange
    }));
  };
  return SelectPlayground;
}(React.Component);
var capitalize = function capitalize(input) {
  if (input === void 0) {
    input = '';
  }
  return input.charAt(0).toUpperCase() + input.slice(1);
};