Function ErrorMessage

client/censusGPT/src/components/error.js:9–32

* The error message component * @param {*} props * @param {string} props.errorMessage - The error message to display * @returns {JSX.Element} – The error message component

(props)

 * @returns {JSX.Element} – The error message component
 */
function ErrorMessage(props) {
    return (
        <div className="rounded-md bg-red-50 p-4">
            <div className="flex">
                <div className="flex-shrink-0">
                    <XCircleIcon
                        className="h-5 w-5 text-red-400"
                        aria-hidden="true"
                    />
                </div>
                <div className="ml-3">
                    <h3 className="text-sm font-medium text-red-800">
                        There were errors with your submission
                    </h3>
                    <div className="mt-2 text-sm text-red-700">
                        <ul role="list" className="list-disc space-y-1 pl-5">
                            <li>{props.errorMessage.toString()}</li>
                        </ul>
                    </div>
                </div>
            </div>
        </div>
    )
}

export default ErrorMessage