feat: word pronunciation supported

src/views/Selection/AudioBtn.js

@@ -0,0 +1,37 @@
+import IconButton from "@mui/material/IconButton";
+import VolumeUpIcon from "@mui/icons-material/VolumeUp";
+import { useTextAudio } from "../../hooks/Audio";
+
+export default function AudioBtn({ text, lan = "uk" }) {
+  const { error, ready, playing, play } = useTextAudio(text, lan);
+
+  if (error) {
+    return;
+  }
+
+  if (!ready) {
+    return (
+      <IconButton disabled>
+        <VolumeUpIcon />
+      </IconButton>
+    );
+  }
+
+  if (playing) {
+    return (
+      <IconButton color="primary">
+        <VolumeUpIcon />
+      </IconButton>
+    );
+  }
+
+  return (
+    <IconButton
+      onClick={() => {
+        play();
+      }}
+    >
+      <VolumeUpIcon />
+    </IconButton>
+  );
+}