import { ReactNode } from "react";

interface Props {
  bg_color: string;
  txt_color: string;
  className?: string;
  children?: ReactNode;
  id?: string;
}

const CenterView = ({
  bg_color,
  txt_color,
  className,
  children,
  id,
}: Props) => {
  return (
    <section
      className={
        "min-h-screen w-full " + bg_color + " " + txt_color + " " + className
      }
      id={id}
    >
      <div className="mx-auto flex min-h-screen w-11/12 flex-row items-center lg:w-5/6">
        <div className="py-24">{children}</div>
      </div>
    </section>
  );
};

export default CenterView;
