mirror of https://github.com/glitch-soc/mastodon
24 lines
423 B
TypeScript
24 lines
423 B
TypeScript
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>
|
|
);
|