From 91ccf2aaf341fe17538160b15f515bd49044b96f Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=EC=98=81?= <77565980+abyss-s@users.noreply.github.com>
Date: Fri, 13 Sep 2024 23:29:39 +0900
Subject: [PATCH] =?UTF-8?q?Feat:=20=EC=97=90=EB=9F=AC=20=EB=AC=B8=EA=B5=AC?=
 =?UTF-8?q?=20=EC=BB=B4=ED=8F=AC=EB=84=8C=ED=8A=B8=20=EC=B6=94=EA=B0=80(fo?=
 =?UTF-8?q?r=20hanhee)?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 public/assets/errorInfo.svg            |  4 ++++
 src/components/errorText/errorText.jsx | 25 +++++++++++++++++++++++++
 2 files changed, 29 insertions(+)
 create mode 100644 public/assets/errorInfo.svg
 create mode 100644 src/components/errorText/errorText.jsx

diff --git a/public/assets/errorInfo.svg b/public/assets/errorInfo.svg
new file mode 100644
index 00000000..5b4716e2
--- /dev/null
+++ b/public/assets/errorInfo.svg
@@ -0,0 +1,4 @@
+<svg width="17" height="98" viewBox="0 0 71 98" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M35.5 87C55.1061 87 71 71.1061 71 51.5C71 31.8939 55.1061 16 35.5 16C15.8939 16 0 31.8939 0 51.5C0 71.1061 15.8939 87 35.5 87ZM36 78C50.9117 78 63 65.9117 63 51C63 36.0883 50.9117 24 36 24C21.0883 24 9 36.0883 9 51C9 65.9117 21.0883 78 36 78Z" fill="#FF6347"/>
+<path d="M31.01 76V40.23H40.25V76H31.01ZM31.01 27H40.25V36.45H31.01V27Z" fill="#FF6347"/>
+</svg>
diff --git a/src/components/errorText/errorText.jsx b/src/components/errorText/errorText.jsx
new file mode 100644
index 00000000..091fc392
--- /dev/null
+++ b/src/components/errorText/errorText.jsx
@@ -0,0 +1,25 @@
+import styled from "styled-components";
+import InfoIcon from "/public/assests/images/icons/errorInfo.svg?react";
+
+const ErrorTextContainer = styled.div`
+  display: flex;
+  align-items: center;
+  gap: 8px;
+  height: 20px;
+`;
+
+const ErrorTextMessage = styled.span`
+  color: var(--point-color);
+  font-size: 18px;
+`;
+
+const ErrorText = ({ text }) => {
+  return (
+    <ErrorTextContainer>
+      <InfoIcon />
+      <ErrorTextMessage>{text}</ErrorTextMessage>
+    </ErrorTextContainer>
+  );
+};
+
+export default ErrorText;