From e1fe8d0b1faf87886e2d6f85f40e837ce7aa2d16 Mon Sep 17 00:00:00 2001
From: JEONGHWANMIN <ghksals09041@gmail.com>
Date: Thu, 16 Mar 2023 23:28:05 +0900
Subject: [PATCH] =?UTF-8?q?Feat=20:=20DropDownItem=20=EC=BB=B4=ED=8F=AC?=
 =?UTF-8?q?=EB=84=8C=ED=8A=B8=20UI=20=EC=B6=94=EA=B0=80?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../AtomDropDownItem/AtomDropDownItem.tsx     | 26 +++++++++++++++++++
 1 file changed, 26 insertions(+)
 create mode 100644 components/atoms/AtomDropDownItem/AtomDropDownItem.tsx

diff --git a/components/atoms/AtomDropDownItem/AtomDropDownItem.tsx b/components/atoms/AtomDropDownItem/AtomDropDownItem.tsx
new file mode 100644
index 0000000..2a41186
--- /dev/null
+++ b/components/atoms/AtomDropDownItem/AtomDropDownItem.tsx
@@ -0,0 +1,26 @@
+import React from "react";
+import styled from "styled-components";
+
+export interface AtomDropDownItemProps {
+  text: string;
+}
+
+const AtomDropDownItem = ({ text }: AtomDropDownItemProps) => {
+  return <DropDownItem>{text}</DropDownItem>;
+};
+
+export default AtomDropDownItem;
+
+const DropDownItem = styled.div`
+  padding: 16px 20px;
+  font-weight: 500;
+  font-size: 14px;
+  line-height: 22px;
+  letter-spacing: -0.03em;
+  color: #000000;
+  cursor: pointer;
+
+  &:hover {
+    background-color: #ebebeb;
+  }
+`;