"use strict";var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;exports.__esModule = true;exports.SelectPlayground = void 0;var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));var _inheritsLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/inheritsLoose"));var _react = _interopRequireDefault(require("react"));


var _Select = require("../../components/Select");var







SelectPlayground = exports.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;}(0, _inheritsLoose2.default)(SelectPlayground, _React$Component);var _proto = SelectPlayground.prototype;_proto.render = function render() {return /*#__PURE__*/_react.default.createElement(_Select.Select, (0, _extends2.default)({}, this.props, { value: this.state.value, items: this.selectItems, onValueChange: this.handleChange }));};return SelectPlayground;}(_react.default.Component);


var capitalize = function capitalize(input) {if (input === void 0) {input = '';}
  return input.charAt(0).toUpperCase() + input.slice(1);
};