gitscope
https://dev.kronoz.win/r/marzneshin.git
app/dashboard/src/components/dialog/modal-header.tsx · v0.1.1
Source
1 a47eb4c Dawsh 2y ago
2 bf7c131 Mardin 2y ago import { Text, HStack, ModalHeader } from '@chakra-ui/react';
3 89f8f93 Mardin 2y ago import { ChakraIcon } from 'types';
4 bedeeff Mardin 2y ago import { Icon } from '../icon';
5 a47eb4c Dawsh 2y ago
6 912788f Mardin 2y ago export const DialogModalHeader = ({ HeaderIcon, title }: { HeaderIcon: ChakraIcon, title: string }) => {
7 bf7c131 Mardin 2y ago return (
8 bf7c131 Mardin 2y ago <ModalHeader pt={6}>
9 bf7c131 Mardin 2y ago <HStack gap={2}>
10 bf7c131 Mardin 2y ago <Icon color="primary">
11 bf7c131 Mardin 2y ago {HeaderIcon && <HeaderIcon color="white" />}
12 bf7c131 Mardin 2y ago </Icon>
13 bf7c131 Mardin 2y ago <Text fontWeight="semibold" fontSize="lg">
14 bf7c131 Mardin 2y ago {title}
15 bf7c131 Mardin 2y ago </Text>
16 bf7c131 Mardin 2y ago </HStack>
17 bf7c131 Mardin 2y ago </ModalHeader>
18 bf7c131 Mardin 2y ago );
19 a47eb4c Dawsh 2y ago }