"use client";

import Link from "next/link";
import { Button } from "@/components/ui/button";

export function PageHeader({
  title,
  action,
  actionHref,
  actionLabel,
}: {
  title: string;
  action?: React.ReactNode;
  actionHref?: string;
  actionLabel?: string;
}) {
  return (
    <div className="flex flex-wrap items-center justify-between gap-3">
      <h1 className="text-2xl font-bold tracking-tight">{title}</h1>
      {action}
      {actionHref && actionLabel ? (
        <Button asChild>
          <Link href={actionHref}>{actionLabel}</Link>
        </Button>
      ) : null}
    </div>
  );
}