"use client"

export function RemoteContentBanner({
  onShowOnce,
  onAlwaysShow,
}: {
  onShowOnce: () => void
  onAlwaysShow: () => void
}) {
  return (
    <p className="mb-3 text-sm leading-snug text-muted-foreground">
      Le contenu distant a été masqué&nbsp;:{" "}
      <button
        type="button"
        onClick={onShowOnce}
        className="text-primary hover:underline"
      >
        afficher le contenu distant
      </button>
      {" — "}
      <button
        type="button"
        onClick={onAlwaysShow}
        className="text-primary hover:underline"
      >
        toujours afficher le contenu distant de cet expéditeur
      </button>
    </p>
  )
}