Given this JSON + ICU Message:
{
"uploaded": {
"message": "Your <photoLink>photo</photoLink> has been uploaded.",
"backend": "tsx"
}
}
intlc
outputs:
import { ReactElement } from 'react'
export const uploaded: (x: { photoLink: (x: ReactElement) => ReactElement }) => ReactElement = x => <>Your {x.photoLink(<>photo</>)} has been uploaded.</>
Usage:
import * as t from './lang';
export const App = () => (
<div>
{t.uploaded({
photoLink: (child) => <a href="/photos/abcdef">{child}</a>,
})}
</div>
);