'use client';

import { CalendarClock } from 'lucide-react';
import { postToHost } from '@/lib/host-message';

/**
 * 通话结果区右上角「回访」按钮 —— postMessage 通知宿主打开它自己的回访组件(带 patientId)。
 * 固定就是这套(不分嵌入与否);未配置 HOST_ORIGIN 时点击会提示去配。
 */
export function CallWidget({ patientId }: { patientId?: string }) {
  return (
    <button
      type="button"
      onClick={() => postToHost('OPEN_RETURN_VISIT', patientId ?? '')}
      className="inline-flex items-center gap-1.5 px-3 py-1.5 rounded-md bg-teal-600 text-white text-[12px] font-medium hover:bg-teal-700 transition-colors"
    >
      <CalendarClock className="w-3.5 h-3.5" />
      回访
    </button>
  );
}
