2024-08-13 03:14:41 -04:00
|
|
|
import classNames from 'classnames';
|
|
|
|
|
2023-05-23 04:04:10 -04:00
|
|
|
interface Props {
|
2024-08-21 03:08:58 -04:00
|
|
|
message: React.ReactNode;
|
|
|
|
label: React.ReactNode;
|
2023-05-23 04:04:10 -04:00
|
|
|
url: string;
|
2024-08-13 03:14:41 -04:00
|
|
|
className?: string;
|
2023-05-23 04:04:10 -04:00
|
|
|
}
|
|
|
|
|
2024-08-21 03:08:58 -04:00
|
|
|
export const TimelineHint: React.FC<Props> = ({
|
|
|
|
className,
|
|
|
|
message,
|
|
|
|
label,
|
|
|
|
url,
|
|
|
|
}) => (
|
2024-08-13 03:14:41 -04:00
|
|
|
<div className={classNames('timeline-hint', className)}>
|
2024-08-21 03:08:58 -04:00
|
|
|
<p>{message}</p>
|
|
|
|
|
2023-05-23 04:04:10 -04:00
|
|
|
<a href={url} target='_blank' rel='noopener noreferrer'>
|
2024-08-21 03:08:58 -04:00
|
|
|
{label}
|
2023-05-23 04:04:10 -04:00
|
|
|
</a>
|
|
|
|
</div>
|
|
|
|
);
|