1 files changed, 11 insertions, 0 deletions
diff --git a/app/components/error.tsx b/app/components/error.tsx
new file mode 100644
index 0000000..acf36d7
--- /dev/null
+++ b/app/components/error.tsx
@@ -0,0 +1,11 @@
+type Props = {
+  message: string;
+};
+
+export const ErrorMessage: React.FC<Props> = ({ message }) => {
+  return (
+    <div className="flex items-center justify-center my-8 lg:my-16">
+      <span className="px-4 py-2 text-red-500 border rounded border-red-500/50 bg-red-500/10"> {message}</span>
+    </div>
+  );
+};