text: import PropTypes from 'prop-types';
  /** @jsx jsx */
  import { jsx, ClassNames } from '@emotion/core';
  import { modalFooter } from '@farvisionllc/emotion-bootstrap';
  
  const propTypes = {
    tag: PropTypes.oneOfType([PropTypes.func, PropTypes.string]),
    className: PropTypes.string,
  };
  
  const defaultProps = {
    tag: 'div',
  };
  
  const ModalFooter = (props) => {
    const { className, tag: Tag, ...attributes } = props;
  
    const classes = [className, modalFooter];
  
    return (
      <ClassNames>
        {({ cx }) => <Tag {...attributes} className={cx(classes)} />}
      </ClassNames>
    );
  };
  
  ModalFooter.propTypes = propTypes;
  ModalFooter.defaultProps = defaultProps;
  
  export default ModalFooter;
  