feat: IconBox 컴포넌트에 cursor라는 속성 추가

#370
BDD-CLUB · Jan 12, 2025 · 064aaef · 064aaef
1 parent 4f73200
commit 064aaef
Show file tree

Hide file tree

Showing 2 changed files with 3 additions and 2 deletions.
diff --git 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
@@ -3,4 +3,5 @@ export interface IconBoxProps {
   content: string;
   rightIcon?: React.ReactElement;
   handleClick?: () => void;
+  cursor?: React.CSSProperties['cursor'];
 }