import ModalHeader from "./ModalHeader";
import clsx from "clsx";

interface ModalWrapperProps {
  children: React.ReactNode;
  title?: string;
  leftButton?: React.ReactNode;
  className?: string;
}

function ModalWrapper({
  children,
  title,
  leftButton,
  className,
}: ModalWrapperProps) {
  return (
    <div className={clsx("bg-white rounded-[1.111vw] relative", className)}>
      <ModalHeader title={title} leftButton={leftButton} />
      <div className="2xl:p-[1.389vw] p-5">{children}</div>
    </div>
  );
}

export default ModalWrapper;
