mynode/packages/app-desktop/gui/NoteEditor/WarningBanner/BannerContent.tsx

import * as React from 'react';
import { _ } from '@joplin/lib/locale';

interface Props {
	children: React.ReactNode;
	acceptMessage?: string;
	onAccept?: ()=> void;
	onDismiss?: ()=> void;
	dismissMessage?: string;
	visible: boolean;
}

const BannerContent: React.FC<Props> = props => {
	if (!props.visible) {
		return null;
	}

	return <div className='warning-banner'>
		<span className='warning-banner-message'>{props.children}</span>
		{ props.acceptMessage ? <a onClick={props.onAccept} className='warning-banner-link' href="#">{props.acceptMessage}</a> : null }
		{ props.onDismiss ? <a onClick={props.onDismiss} className='warning-banner-link -dismiss' href="#">{props.dismissMessage ?? _('Dismiss')}</a> : null }
	</div>;
};

export default BannerContent;