public-ui-kolibri

import { Fragment, h, type FunctionalComponent as FC } from '@stencil/core'; import type { BadgeTextPropType } from '../../schema'; type InternalUnderlinedBadgeTextProps = { badgeText: BadgeTextPropType; label: string; }; const KolInternalUnderlinedBadgeTextFc: FC<InternalUnderlinedBadgeTextProps> = ({ badgeText, label }) => { /* Prefer capitalization as defined in the badge Text, try uppercase/lowercase when there's no match. */ const badgeTextAsString: string = badgeText; let [first, ...rest] = label.split(badgeTextAsString); if (rest.length === 0) { badgeText = badgeTextAsString.toUpperCase(); [first, ...rest] = label.split(badgeTextAsString); } if (rest.length === 0) { badgeText = badgeTextAsString.toLowerCase(); [first, ...rest] = label.split(badgeTextAsString); } return ( <> {first} {rest.length ? ( <> <u>{badgeText}</u> {rest.join(badgeTextAsString)} </> ) : null} </> ); }; export default KolInternalUnderlinedBadgeTextFc;