import React, { forwardRef } from "react";
import cn from "classnames";
import PropTypes from "prop-types";

export interface IModalFooterProps {
  className?: string;
}

const ModalFooter: React.FC<IModalFooterProps> = forwardRef(
  ({ children, className }, ref: React.Ref<HTMLDivElement>) => {
    return (
      <div ref={ref} className={cn("modal-footer", className)}>
        {children}
      </div>
    );
  }
);

ModalFooter.displayName = "ModalFooter";

ModalFooter.propTypes = {
  className: PropTypes.string
};

export default ModalFooter;
