import type { ReactNode } from "react";

type InfoSectionProps = {
  title: string;
  children: ReactNode;
};

export default function InfoSection({ title, children }: InfoSectionProps) {
  return (
    <div className="rounded-xl border border-border bg-surface p-4">
      <h2 className="mb-3 text-sm font-semibold text-foreground">{title}</h2>
      {children}
    </div>
  );
}