import { useState } from "react";
import { Playground, Props } from "@slytrunk/docs";
import Input from "./Input";
import TextArea from "./TextArea";

# Input

Text Input

<Props of={Input} />

## Basic Usage

<Playground>
  {() => {
    const [value, setValue] = useState("");
    return <Input value={value} onChange={setValue} />;
  }}
</Playground>

## Text Area

<Playground>
  {() => {
    const [value, setValue] = useState("");
    return <TextArea value={value} onChange={setValue} />;
  }}
</Playground>