import { useState } from "react";
import { Textarea } from "./index";
export default {
    title: "Form/Textarea",
    component: Textarea,
};
export let Autogrow = {
    render: () => {
        let [text, setText] = useState("");
        return <Textarea value={text} onChange={(e) => setText(e.target.value)}/>;
    },
};
export let MaxHeight = {
    render: () => {
        let [text, setText] = useState("");
        return (<Textarea maxBlockSize={100} value={text} onChange={(e) => setText(e.target.value)}/>);
    },
};
export let MinRows = {
    render: () => {
        let [text, setText] = useState("");
        return (<Textarea minRows={5} value={text} onChange={(e) => setText(e.target.value)}/>);
    },
};
export let MinMax = {
    render: () => {
        let [text, setText] = useState("");
        return (<Textarea minRows={5} maxBlockSize={150} value={text} onChange={(e) => setText(e.target.value)}/>);
    },
};