From 064aaefe3353e9dbf45b3fda074d4989e2b092b6 Mon Sep 17 00:00:00 2001
From: llddang <bodyness@naver.com>
Date: Sun, 12 Jan 2025 21:02:48 +0900
Subject: [PATCH] =?UTF-8?q?feat:=20IconBox=20=EC=BB=B4=ED=8F=AC=EB=84=8C?=
 =?UTF-8?q?=ED=8A=B8=EC=97=90=20cursor=EB=9D=BC=EB=8A=94=20=EC=86=8D?=
 =?UTF-8?q?=EC=84=B1=20=EC=B6=94=EA=B0=80?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

#370
---
 src/components/IconBox/index.tsx | 4 ++--
 src/components/IconBox/type.ts   | 1 +
 2 files changed, 3 insertions(+), 2 deletions(-)

diff --git a/src/components/IconBox/index.tsx b/src/components/IconBox/index.tsx
index 279f742c..922eaf97 100644
--- a/src/components/IconBox/index.tsx
+++ b/src/components/IconBox/index.tsx
@@ -2,11 +2,11 @@ import { Flex, IconButton, Text } from '@chakra-ui/react';
 
 import { IconBoxProps } from './type';
 
-const IconBox = ({ leftIcon, content, rightIcon, handleClick }: IconBoxProps) => {
+const IconBox = ({ leftIcon, content, rightIcon, handleClick, cursor = 'default' }: IconBoxProps) => {
   return (
     <Flex align="center" gap="1" w="100%" h="40px" minH="40px" color="white" bg="orange_light" borderRadius="2xl">
       <IconButton as="div" flexShrink="0" aria-label="" icon={leftIcon} size="icon_md" variant="transparent" />
-      <Text textStyle="bold_md" flex="auto" cursor="default" isTruncated>
+      <Text textStyle="bold_md" flex="auto" cursor={cursor} isTruncated>
         {content}
       </Text>
       {rightIcon && (
diff --git a/src/components/IconBox/type.ts b/src/components/IconBox/type.ts
index 56a0b9e0..df286a95 100644
--- a/src/components/IconBox/type.ts
+++ b/src/components/IconBox/type.ts
@@ -3,4 +3,5 @@ export interface IconBoxProps {
   content: string;
   rightIcon?: React.ReactElement;
   handleClick?: () => void;
+  cursor?: React.CSSProperties['cursor'];
 }