import cn from "classnames";
import React from "react";
import PropTypes from "prop-types";

export interface IDialogAttentionProps {
  className?: string;
}

const DialogAttention: React.FC<IDialogAttentionProps> = ({ children, className }) => {
  return (
    <div style={{ zIndex: 1051 }} className={cn("position-absolute", "h-100", "w-100", className)}>
      <div style={{ opacity: 0.7 }} className="bg-dark position-absolute w-100 h-100" />
      <div className="position-relative d-flex flex-column justify-content-end h-100">
        {children}
      </div>
    </div>
  );
};
DialogAttention.displayName = "Dialog Attention";

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

export default DialogAttention;