JSFiddle - React, Tailwind, and code Playground

CSS

.message {
	border: 1px solid #009ac8;
	padding: 10px;
	color: #333;
}

.success {
	@extend .message;
	border-color: #999;
}

.error {
	@extend .message;
	border-color: #238231;
}

.warning {
	@extend .message;
	border-color: #983233;
}