import { InformationCircleIcon , } from '@heroicons/react/solid' ; const AlertTemplate = ( { message , options , style , close } ) => ( < div className = "rounded-md bg-yellow-50 p-4" > < div className = "flex" > < div className = "flex-shrink-0" > < InformationCircleIcon className = "h-5 w-5 text-yellow-400" aria - hidden = "true" / > < /div> < div className = "ml-3" > < h3 className = "text-sm font-medium text-yellow-800" > Attention needed < /h3> < div className = "mt-2 text-sm text-yellow-700" > < p > { message } < /p> < /div> < /div> < /div> < /div>); export default AlertTemplate ;