diff --git a/components/TranslationArea.tsx b/components/TranslationArea.tsx index 659aa54..53ee1ed 100644 --- a/components/TranslationArea.tsx +++ b/components/TranslationArea.tsx @@ -1,24 +1,65 @@ import { FC, ChangeEvent } from "react"; -import { Textarea, useBreakpointValue } from "@chakra-ui/react"; +import { Box, HStack, Textarea, IconButton, Tooltip, useBreakpointValue, useClipboard } from "@chakra-ui/react"; +import { FaCopy, FaCheck, FaPlay, FaStop } from "react-icons/fa"; +import { useAudioFromBuffer } from "../hooks"; type Props = { value: string, onChange?: (e: ChangeEvent) => void, - readOnly?: true + readOnly?: true, + audio?: number[], + canCopy?: boolean, [key: string]: any }; -const TranslationArea: FC = ({ value, onChange, readOnly, ...props }) => ( -