import { cn } from "@buzzwaretech/utils";

type Props = {
  title?: string;
  children: React.ReactNode;
  className?: string;
  subtitle?: string | null;
  actions?: React.ReactNode;
  headerClassName?: string;
};

function AnalyticsSectionWrapper(props: Props) {
  const { title, children, className, actions, headerClassName } = props;
  return (
    <div className={className}>
      <div
        className={cn(
          "mb-6 flex items-center gap-2 text-nowrap",
          headerClassName,
        )}
      >
        {title && (
          <div className="flex items-center gap-2">
            <h1 className={"text-16 font-medium"}>{title}</h1>
            {/* {subtitle && <p className="text-16 text-tertiary"> • {subtitle}</p>} */}
          </div>
        )}
        {actions}
      </div>
      {children}
    </div>
  );
}

export default AnalyticsSectionWrapper;