text: /**
   * Copyright IBM Corp. 2016, 2018
   *
   * This source code is licensed under the Apache-2.0 license found in the
   * LICENSE file in the root directory of this source tree.
   */
  
  import React from 'react';
  import { storiesOf } from '@storybook/react';
  import { action } from '@storybook/addon-actions';
  
  import { withKnobs, boolean, number, text } from '@storybook/addon-knobs';
  import { TextArea, TextAreaSkeleton } from 'carbon-components-react';
  
  const TextAreaProps = () => ({
    className: 'some-class',
    disabled: boolean('Disabled (disabled)', false),
    light: boolean('Light variant (light)', false),
    hideLabel: boolean('No label (hideLabel)', false),
    labelText: text('Label text (labelText)', 'Text Area label'),
    invalid: boolean('Show form validation UI (invalid)', false),
    invalidText: text(
      'Content of form validation UI (invalidText)',
      'A valid value is required'
    ),
    helperText: text('Helper text (helperText)', 'Optional helper text.'),
    placeholder: text('Placeholder text (placeholder)', 'Placeholder text.'),
    id: 'test2',
    cols: number('Columns (columns)', 50),
    rows: number('Rows (rows)', 4),
    onChange: action('onChange'),
    onClick: action('onClick'),
  });
  
  storiesOf('TextArea', module)
    .addDecorator(withKnobs)
    .add('Default', () => <TextArea {...TextAreaProps()} />, {
      info: {
        text: `
              Text areas enable the user to interact with and input data. A text area is used when you
              anticipate the user to input more than 1 sentence.
            `,
      },
    });
  