import { badgeVariants } from "@/components/ui/badge";

// A site's audience, listing and search, as three short chips.
export default function SiteChips({ site }: { site: { private: boolean; listed: boolean; search: boolean } }) {
  return (
    <span className="inline-flex gap-1">
      <span data-audience={site.private ? "private" : "public"} className={badgeVariants({ variant: site.private ? "meter" : "neutral", size: "sm" })}>
        {site.private ? "private" : "public"}
      </span>
      <span className={badgeVariants({ variant: "info", size: "sm" })}>{site.listed ? "listed" : "unlisted"}</span>
      <span className={badgeVariants({ variant: "info", size: "sm" })}>{site.search ? "search" : "cited only"}</span>
    </span>
  );
}