HeaderBox.tsx

import { Hwave } from "./Headings";

interface Props{
    title: string ,
    title2?: string,
    children?: React.ReactNode,
}

export default function HeaderBox({children, title, title2}: Props ){
  var ti: string = "";
  if (title2) {
    ti = title2;
  }
    return(
        <>
        <div className="col">
          <div className="col header-container">
            <div className="row header-title">
              <Hwave text={title}></Hwave>
              <Hwave text={ti}></Hwave>

            </div>
            {children}
          </div>
          <div className="base">
            
          </div>
        </div>
        <div className="row">
      
        </div>
      </>
    )
}