set font weight using i18n next via Trans for some in line text

Viewed 12

I am trying to set a specific font weight for a keyword in some text. I am using i18n next, but am unsure how to do it. At the moment i have the following:

import { Trans } from 'react-i18next';
...
<Trans
   i18nKey="dashboard.create_new_patient_button"
   defaults="<bold>Create</bold> a new patient"
   components={{ bold: <strong /> }}
/>

Now while this does bold the text, it bolds it far too much to my liking, hence, wanting to use fontWeight. Any ideas how this can be achieved?

Thanks

0 Answers
Related