Labels and i18n

<Lightbox
  labels={{
    dialog: "Visualizador de imagens",
    close: "Fechar",
    previous: "Imagem anterior",
    next: "Imagem seguinte",
    counter: (current, total) => `${current} de ${total}`,
    announcement: (current, total, slide) => `Imagem ${current} de ${total}: ${slide.alt ?? ""}`,
  }}
  {...props}
/>

const t = useTranslations("lightbox");

const labels = {
  dialog: t("dialog"),
  close: t("close"),
  previous: t("previous"),
  next: t("next"),
  counter: (current: number, total: number) => t("counter", { current, total }),
  announcement: (current: number, total: number) => t("announcement", { current, total }),
};

import { defaultLabels } from "liftbox";

const labels = {
  announcement: (current: number, total: number, slide: Slide) =>
    `${defaultLabels.announcement(current, total, slide)}. Swipe to browse.`,
};