import classNames from 'classnames';

interface Props {
  message: React.ReactNode;
  label: React.ReactNode;
  url: string;
  className?: string;
}

export const TimelineHint: React.FC<Props> = ({
  className,
  message,
  label,
  url,
}) => (
  <div className={classNames('timeline-hint', className)}>
    <p>{message}</p>

    <a href={url} target='_blank' rel='noopener noreferrer'>
      {label}
    </a>
  </div>
);