/**
 * Brand notice for Blockora Morph admin.
 */
export default function Notice( {
	children,
	title,
	variant = 'info',
	className = '',
} ) {
	const classes = [ 'bm-notice', `bm-notice--${ variant }`, className ]
		.filter( Boolean )
		.join( ' ' );

	return (
		<div className={ classes } role="status">
			{ title ? <strong className="bm-notice__title">{ title }</strong> : null }
			{ children }
		</div>
	);
}
