Feat: 에러 문구 컴포넌트 추가(for hanhee)

Easy-Ti-cket · Sep 13, 2024 · 91ccf2a · 91ccf2a
1 parent ce79862
commit 91ccf2a
Show file tree

Hide file tree

Showing 2 changed files with 29 additions and 0 deletions.
diff --git a/public/assets/errorInfo.svg b/public/assets/errorInfo.svg
diff --git a/src/components/errorText/errorText.jsx 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;