1
 2import { Text, HStack, ModalHeader } from '@chakra-ui/react';
 3import { ChakraIcon } from 'types';
 4import { Icon } from '../icon';
 5
 6export const DialogModalHeader = ({ HeaderIcon, title }: { HeaderIcon: ChakraIcon, title: string }) => {
 7  return (
 8    <ModalHeader pt={6}>
 9      <HStack gap={2}>
10        <Icon color="primary">
11          {HeaderIcon && <HeaderIcon color="white" />}
12        </Icon>
13        <Text fontWeight="semibold" fontSize="lg">
14          {title}
15        </Text>
16      </HStack>
17    </ModalHeader>
18  );
19}