20 lines
975 B
JavaScript
20 lines
975 B
JavaScript
|
|
export default Alert
|
|
|
|
export function Alert() {
|
|
|
|
const close = function() {
|
|
const alert = document.getElementById('alert')
|
|
alert.setAttribute('style', 'display: none;')
|
|
}
|
|
|
|
return(
|
|
<div id="alert" style={{"display": "none"}} className="bg-red-100 border border-red-400 text-red-700 px-4 mx-4 py-3 rounded relative" role="alert">
|
|
<strong className="font-bold" id="heading"></strong>
|
|
<span className="block sm:inline" id="message"></span>
|
|
<span className="absolute top-0 bottom-0 right-0 px-4 py-3" onClick={close}>
|
|
<svg className="fill-current h-6 w-6 text-red-500" role="button" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20"><title>Close</title><path d="M14.348 14.849a1.2 1.2 0 0 1-1.697 0L10 11.819l-2.651 3.029a1.2 1.2 0 1 1-1.697-1.697l2.758-3.15-2.759-3.152a1.2 1.2 0 1 1 1.697-1.697L10 8.183l2.651-3.031a1.2 1.2 0 1 1 1.697 1.697l-2.758 3.152 2.758 3.15a1.2 1.2 0 0 1 0 1.698z"/></svg>
|
|
</span>
|
|
</div>
|
|
)
|
|
} |