@roo-ui/components/src/Modal/components/ModalFooter/ModalFooter.js

import React from 'react';
import PropTypes from 'prop-types';

import { Flex } from '../../..';

const ModalFooter = ({ children, ...props }) => (
  <Flex {...props}>
    {children}
  </Flex>
);

ModalFooter.displayName = 'Modal.footer';

ModalFooter.defaultProps = {
  alignItems: 'center',
  justifyContent: 'center',
  px: 11,
  pb: 11,
};

ModalFooter.propTypes = {
  children: PropTypes.node.isRequired,
  ...Flex.propTypes,
};

export default ModalFooter;