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

export interface IDialogFooterProps {
  className?: string;
}

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

DialogFooter.displayName = "Dialog Footer";

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

export default DialogFooter;