"use client";

import React from "react";

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

export function SectionHeader({ title, children, className }: SectionHeaderProps) {
  return (
    <div className={["flex items-center justify-between", className].filter(Boolean).join(" ")}>
      <h2 className="text-lg font-semibold text-gray-900">{title}</h2>
      {children}
    </div>
  );
}

export type { SectionHeaderProps };
