18 lines
593 B
TypeScript
18 lines
593 B
TypeScript
import { ErrorMessage } from "@/types";
|
|
import { FC } from "react";
|
|
|
|
interface Props {
|
|
error: ErrorMessage
|
|
}
|
|
|
|
export const ErrorMessageDiv: FC<Props> = ({ error }) => {
|
|
return (
|
|
<div className= "flex flex-col justify-center mx-auto h-full w-[300px] sm:w-[500px] space-y-6" >
|
|
<div className="text-center text-red-500" >{error.title} {error.code ? <i>({error.code}) </i> : "" }</div >
|
|
{ error.messageLines.map((line, index) => (
|
|
<div key={index} className="text-center text-red-500" > {line} </div>
|
|
)) }
|
|
</div>
|
|
);
|
|
};
|