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

wix-style-react

import React from 'react';
import FormField from 'wix-style-react/FormField';
import Input from 'wix-style-react/Input';

export default (function () {
  return React.createElement(
    FormField,
    { label: 'Tweet', dataHook: 'storybook-formfield-length-count' },
    function (_ref) {
      var setCharactersLeft = _ref.setCharactersLeft;
      return React.createElement(Input, {
        dataHook: 'storybook-formfield-length-count-input',
        onChange: function onChange(event) {
          return setCharactersLeft(20 - event.target.value.length);
        }
      });
    }
  );
});