export function Notice( { status = 'info', children, onDismiss } ) {
	return (
		<div className={ `rtgw-notice rtgw-notice--${ status }` }>
			<span className="rtgw-notice__text">{ children }</span>
			{ onDismiss && (
				<button type="button" className="rtgw-notice__dismiss" onClick={ onDismiss } aria-label="Dismiss">
					×
				</button>
			) }
		</div>
	);
}

export function Spinner() {
	return <span className="rtgw-spinner" aria-hidden="true" />;
}