type Props = {
  text: string;
  label?: string;
};

export function HoverHelpTip({ text, label = "查看原因" }: Props) {
  if (!text.trim()) return null;

  return (
    <span className="hx-hover-help">
      <button type="button" className="hx-hover-help__trigger" aria-label={label}>
        ?
      </button>
      <span className="hx-hover-help__bubble" role="tooltip">
        {text}
      </span>
    </span>
  );
}