v4.5.2 (#439)

projects/app/src/components/core/chat/Divider/index.tsx

@@ -0,0 +1,19 @@
+import { Box, Flex } from '@chakra-ui/react';
+import React from 'react';
+import MyIcon, { type IconName } from '@/components/Icon';
+
+const ChatBoxDivider = ({ icon, text }: { icon: IconName; text: string }) => {
+  return (
+    <Box>
+      <Flex alignItems={'center'} py={2} gap={2}>
+        <MyIcon name={icon} w={'14px'} color={'myGray.900'} />
+        <Box color={'myGray.500'} fontSize={'sm'}>
+          {text}
+        </Box>
+        <Box h={'1px'} mt={1} bg={'myGray.200'} flex={'1'} />
+      </Flex>
+    </Box>
+  );
+};
+
+export default ChatBoxDivider;