import Link from "next/link";
import { ArrowRight } from "lucide-react";

export function PageHead({ eyebrow, title, text, children }: { eyebrow: string; title: string; text?: string; children?: React.ReactNode }) {
  return <header className="page-head"><div><div className="topline">{eyebrow}</div><h1>{title}</h1>{text&&<p>{text}</p>}</div>{children&&<div className="actions">{children}</div>}</header>;
}
export function Empty({ title, text, href, action }: { title: string; text: string; href?: string; action?: string }) {
  return <div className="empty"><h3>{title}</h3><p>{text}</p>{href&&<Link className="button secondary" href={href}>{action}<ArrowRight size={16}/></Link>}</div>;
}