owncast/web/components/info-tip.tsx

import { InfoCircleOutlined } from '@ant-design/icons';
import { Tooltip } from 'antd';

interface InfoTipProps {
  tip: string | null;
}

export default function InfoTip({ tip }: InfoTipProps) {
  if (tip === '' || tip === null) {
    return null;
  }

  return (
    <span className="info-tip">
      <Tooltip title={tip}>
        <InfoCircleOutlined />
      </Tooltip>
    </span>
  );
}