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