https://dev.kronoz.win/r/marzneshin.git
| 1 |
912788f |
Mardin |
2y ago |
import React, { ReactNode } from 'react'; |
| 2 |
912788f |
Mardin |
2y ago |
import { |
| 3 |
912788f |
Mardin |
2y ago |
HStack, |
| 4 |
912788f |
Mardin |
2y ago |
} from '@chakra-ui/react'; |
| 5 |
912788f |
Mardin |
2y ago |
import { ModalFooter } from '@chakra-ui/react'; |
| 6 |
912788f |
Mardin |
2y ago |
|
| 7 |
912788f |
Mardin |
2y ago |
interface UserDialogFooterProps { |
| 8 |
912788f |
Mardin |
2y ago |
children: ReactNode |
| 9 |
912788f |
Mardin |
2y ago |
} |
| 10 |
912788f |
Mardin |
2y ago |
|
| 11 |
912788f |
Mardin |
2y ago |
export const DialogModalFooter: React.FC<UserDialogFooterProps> = ({ |
| 12 |
912788f |
Mardin |
2y ago |
children |
| 13 |
912788f |
Mardin |
2y ago |
}) => { |
| 14 |
912788f |
Mardin |
2y ago |
|
| 15 |
912788f |
Mardin |
2y ago |
return ( |
| 16 |
912788f |
Mardin |
2y ago |
<ModalFooter mt="3"> |
| 17 |
912788f |
Mardin |
2y ago |
<HStack |
| 18 |
912788f |
Mardin |
2y ago |
justifyContent="space-between" |
| 19 |
912788f |
Mardin |
2y ago |
w="full" |
| 20 |
912788f |
Mardin |
2y ago |
gap={3} |
| 21 |
912788f |
Mardin |
2y ago |
flexDirection={{ |
| 22 |
912788f |
Mardin |
2y ago |
base: 'column', |
| 23 |
912788f |
Mardin |
2y ago |
sm: 'row', |
| 24 |
912788f |
Mardin |
2y ago |
}} |
| 25 |
912788f |
Mardin |
2y ago |
> |
| 26 |
912788f |
Mardin |
2y ago |
{children} |
| 27 |
912788f |
Mardin |
2y ago |
</HStack> |
| 28 |
912788f |
Mardin |
2y ago |
</ModalFooter > |
| 29 |
912788f |
Mardin |
2y ago |
); |
| 30 |
912788f |
Mardin |
2y ago |
}; |