Chat Voice Selector

"use client";

import { useState } from "react";
import {
  type ChatVoice,
  ChatVoiceSelector,
} from "@/components/ui/chat-voice-selector";

const voices: ChatVoice[] = [
  { id: "alloy", name: "Alloy", lang: "en-US", provider: "OpenAI" },
  { id: "echo", name: "Echo", lang: "en-US", provider: "OpenAI" },
  { id: "shimmer", name: "Shimmer", lang: "en-US", provider: "OpenAI" },
  { id: "fable", name: "Fable", lang: "en-GB", provider: "OpenAI" },
  { id: "polly-tatyana", name: "Tatyana", lang: "ru-RU", provider: "Polly" },
  { id: "polly-maxim", name: "Maxim", lang: "ru-RU", provider: "Polly" },
];

export default function Particle() {
  const [voice, setVoice] = useState<string | undefined>("alloy");

  return (
    <div className="flex w-full max-w-md flex-col gap-3 rounded-lg border bg-card p-3">
      <ChatVoiceSelector
        onValueChange={setVoice}
        value={voice}
        voices={voices}
      />
      <p className="text-muted-foreground text-xs">
        Выбрано:{" "}
        <span className="font-medium text-foreground">{voice ?? "—"}</span>
      </p>
    </div>
  );
}