import { invoke } from '@tauri-apps/api/tauri';
import { useEffect, useState } from 'react';

export function ModelName() {
  const [modelName, setModelName] = useState('');

  useEffect(() => {
    invoke<string>('get_model_name').then((name) => setModelName(name));
  }, []);

  return (
    <div className="model-name">使用モデル: {modelName}</div>
  );
}