import React from "react";

export default function Header({
  text,
  children,
  glow = true,
}: {
  text: string;
  children?: React.ReactNode;
  glow?: boolean;
}) {
  return (
    <div className="w-full p-4 border-b flex justify-between items-center relative">
      <h2 className="font-black text-2xl uppercase">{text}</h2>
      <div className="glow absolute right-0 top-0 w-20 h-8 bg-primary blur-2xl -z-10" />

      {children}
    </div>
  );
}