export default function PageDescription({
  title,
  subtitle,
  icon,
}: {
  title?: string;
  subtitle?: string;
  icon?: React.ReactNode;
}) {
  return (
    <div>
      <h1 className="text-2xl font-semibold flex items-center gap-1">
        <span className="text-primary">{icon}</span>
        {title}
      </h1>
      <h2 className="text-sm max-w-2xl text-muted-foreground leading-relaxed mt-2">
        {subtitle}
      </h2>
    </div>
  );
}