public-ui-kolibri

import { h, type FunctionalComponent as FC } from '@stencil/core'; import type { JSXBase } from '@stencil/core/internal'; import { translate } from '../../i18n'; type FormFieldCharacterLimitHintProps = JSXBase.HTMLAttributes<HTMLSpanElement> & { id: string; maxLength: number; }; const KolFormFieldCharacterLimitHintFc: FC<FormFieldCharacterLimitHintProps> = ({ id, maxLength }) => { return ( <span id={`${id}-character-limit-hint`} class="visually-hidden"> {translate('kol-character-limit-hint', { placeholders: { limit: String(maxLength) } })} </span> ); }; export default KolFormFieldCharacterLimitHintFc;