Интернационализация

import { FormI18nProvider } from '@letar/forms/i18n'

const translations = {
  en: {
    fields: {
      name: 'Full Name',
      email: 'Email Address',
    },
    validation: {
      required: 'This field is required',
      min: 'Must be at least {min} characters',
    },
  },
  ru: {
    fields: {
      name: 'Полное имя',
      email: 'Электронная почта',
    },
    validation: {
      required: 'Обязательное поле',
      min: 'Минимум {min} символов',
    },
  },
}

function App() {
  return (
    <FormI18nProvider locale="ru" translations={translations}>
      <MyForm />
    </FormI18nProvider>
  )
}

import { useLocalizedOptions } from '@letar/forms/i18n'

const options = useLocalizedOptions([
  { value: 'active', label: { en: 'Active', ru: 'Активный' } },
  { value: 'inactive', label: { en: 'Inactive', ru: 'Неактивный' } },
])

import { createFormErrorMap } from '@letar/forms/i18n'

const errorMap = createFormErrorMap({
  too_small: ({ minimum }) => `Минимум ${minimum} символов`,
  too_big: ({ maximum }) => `Максимум ${maximum} символов`,
  invalid_string: ({ validation }) => {
    if (validation === 'email') return 'Некорректный email'
    return 'Некорректный формат'
  },
})

// Английский (по умолчанию)
<Form schema={schema}>...</Form>
// → "Minimum 2 characters"

// Русский
<FormI18nProvider locale="ru">
  <Form schema={schema}>...</Form>
</FormI18nProvider>
// → "Минимум 2 символа"