1 files changed, 16 insertions, 0 deletions
diff --git a/src/components/common/ErrorMessage.tsx b/src/components/common/ErrorMessage.tsx
new file mode 100644
index 0000000..3c30151
--- /dev/null
+++ b/src/components/common/ErrorMessage.tsx
@@ -0,0 +1,16 @@
+import { Icon, Row, Text } from '@umami/react-zen';
+import { useMessages } from '@/components/hooks';
+import { AlertTriangle } from '@/components/icons';
+
+export function ErrorMessage() {
+  const { formatMessage, messages } = useMessages();
+
+  return (
+    <Row alignItems="center" justifyContent="center" gap>
+      <Icon>
+        <AlertTriangle />
+      </Icon>
+      <Text>{formatMessage(messages.error)}</Text>
+    </Row>
+  );
+}