'use client';

import { useConfig } from '@/contexts/ConfigContext';
import { useTTS } from '@/contexts/TTSContext';
import { useCallback } from 'react';
import { VoicesControlBase } from '@/components/player/VoicesControlBase';

export const VoicesControl = ({ availableVoices, setVoiceAndRestart }: {
  availableVoices: string[];
  setVoiceAndRestart: (voice: string) => void;
}) => {
  const { ttsModel, providerType } = useConfig();
  const { voice } = useTTS();
  const onChangeVoice = useCallback((nextVoice: string) => setVoiceAndRestart(nextVoice), [setVoiceAndRestart]);

  return (
    <VoicesControlBase
      availableVoices={availableVoices}
      voice={voice || ''}
      onChangeVoice={onChangeVoice}
      providerType={providerType}
      ttsModel={ttsModel}
    />
  );
}