import { ReactNode } from "react";

interface SectionHeaderProps {
  title: string;
  children?: ReactNode;
}

export default function SectionHeader({ title, children }: SectionHeaderProps) {
  return (
    <div className="flex flex-row items-center justify-between">
      <h2 className="text-text-primary dark:text-white text-heading-h3 font-bold">
        {title}
      </h2>
      {children && <div>{children}</div>}
    </div>
  );
}