2024-03-02 15:36:38 +01:00
|
|
|
import { Container, TextareaAutosize } from "@material-ui/core";
|
2024-02-28 17:36:40 +01:00
|
|
|
import { $textComposition } from "../lib/prompt";
|
|
|
|
import "./TextPrompt.css";
|
|
|
|
import { useStore } from "@nanostores/react";
|
|
|
|
|
2024-02-29 20:10:04 +01:00
|
|
|
export function TextPrompt() {
|
2024-02-28 17:36:40 +01:00
|
|
|
const text = useStore($textComposition);
|
|
|
|
return (
|
2024-03-02 15:36:38 +01:00
|
|
|
<Container aria-label="text-area">
|
2024-02-29 20:10:04 +01:00
|
|
|
<TextareaAutosize
|
|
|
|
className="text-prompt"
|
|
|
|
defaultValue={text}
|
|
|
|
/>
|
2024-03-02 15:36:38 +01:00
|
|
|
</Container>
|
2024-02-28 17:36:40 +01:00
|
|
|
)
|
|
|
|
}
|