message: Adds textarea ref test case
diff: @@ -9,15 +9,34 @@ import States from 'react/stories/__components__/States';
  import { Input, Textarea } from 'react/components/UI/Inputs';
  class FocusableInput extends Component {
  - constructor(props) {
  - super(props);
  + inputRef = React.createRef();
  - this.input = React.createRef();
  - }
  + handleClick = () =>
  + this.inputRef.current.focus();
  - handleClick = () => {
  - this.input.current.focus();
  + render() {
  + return (
  + <div>
  + <a
  + role="button"
  + tabIndex={0}
  + onClick={this.handleClick}
  + >
  + Click me to focus input
  + </a>
  +
  + <Input ref={this.inputRef} />
  + </div>
  + );
  }
  +}
  +
  +// eslint-disable-next-line react/no-multi-comp
  +class FocusableTextarea extends Component {
  + textareaRef = React.createRef();
  +
  + handleClick = () =>
  + this.textareaRef.current.focus();
  render() {
  return (
  @@ -27,10 +46,10 @@ class FocusableInput extends Component {
  tabIndex={0}
  onClick={this.handleClick}
  >
  - Click me to focus input
  + Click me to focus textarea
  </a>
  - <Input ref={this.input} />
  + <Textarea ref={this.textareaRef} />
  </div>
  );
  }
  @@ -86,6 +105,11 @@ storiesOf('Input', module)
  <FocusableInput />
  </Specimen>
  ))
  + .add('Textarea - with ref', () => (
  + <Specimen>
  + <FocusableTextarea />
  + </Specimen>
  + ))
  .add('Input - colors', () => (
  <Specimen>
  {theme.meta.colorNames.map(color => (
  