import { PageHeader, RecordRows } from "@/components/archive-ui";
import { useLiveLibrary } from "@/lib/archive/live";
import type { Work } from "@/lib/archive/types";

export function Shelf({
  kicker,
  title,
  lede,
  filter,
}: {
  kicker: string;
  title: string;
  lede: string;
  filter: (work: Work) => boolean;
}) {
  const lib = useLiveLibrary();
  const works = lib.works.filter(filter);
  return (
    <div>
      <PageHeader kicker={kicker} title={title} lede={lede} />
      <RecordRows works={works} />
    </div>
  );
}