wix-style-react/dist/stories/FormField/ExampleWithLengthCount.js

wix-style-react

'use strict';

Object.defineProperty(exports, "__esModule", {
  value: true
});

var _react = require('react');

var _react2 = _interopRequireDefault(_react);

var _FormField = require('wix-style-react/FormField');

var _FormField2 = _interopRequireDefault(_FormField);

var _Input = require('wix-style-react/Input');

var _Input2 = _interopRequireDefault(_Input);

function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }

exports.default = function () {
  return _react2.default.createElement(
    _FormField2.default,
    { label: 'Tweet', dataHook: 'storybook-formfield-length-count' },
    function (_ref) {
      var setCharactersLeft = _ref.setCharactersLeft;
      return _react2.default.createElement(_Input2.default, {
        dataHook: 'storybook-formfield-length-count-input',
        onChange: function onChange(event) {
          return setCharactersLeft(20 - event.target.value.length);
        }
      });
    }
  );
};