Write messages in code. Ship translations with almost no runtime baggage.

import { Say } from '@saykit/react';

export function Inbox({ count }: { count: number }) {
  return (
    <section>
      <h1><Say>Inbox</Say></h1>
      <p>
        <Say.Plural
          _={count}
          zero="You have no unread messages"
          one="You have 1 unread message"
          other="You have # unread messages"
        />
      </p>
    </section>
  );
}