import React from "react";
import { Textarea } from "../../";

export default (
  <div>
    <div className="m-5">
      <Textarea
        className="my-class-name"
        name="1"
        value="100"
        label="My label"
        onChange={() => {}}
        rows={5}
      />
    </div>
    <div className="m-5">
      <Textarea
        className="my-class-name"
        name="inputName2"
        value="100"
        label="My label"
        onChange={() => {}}
        error="Your input is not valid!"
        rows={3}
      />
    </div>
    <div className="m-5">
      <Textarea
        className="my-class-name"
        name="inputName3"
        value="100"
        label="My label for readOnly input"
        onChange={() => {}}
        rows={2}
        readOnly
      />
    </div>
    <div className="m-5">
      <Textarea
        className="my-class-name"
        name="inputName4"
        value="100"
        label="My label for disabled input"
        onChange={() => {}}
        rows={7}
        disabled
      />
    </div>
    <div className="m-5">
      <Textarea
        className="my-class-name"
        name="inputName5"
        value="100"
        label="My label for input with help"
        onChange={() => {}}
        help="Your password must be 8-20 characters long, contain letters and numbers, and must not contain spaces"
      />
    </div>
    <div className="m-5">
      <Textarea
        className="my-class-name"
        name="inputName4"
        value=""
        label="My label for required input"
        onChange={() => {}}
        required
      />
    </div>
  </div>
);