@navikt/ds-react/src/typography/util.ts

React components from the Norwegian Labour and Welfare Administration.

import cl from "clsx";
import { TypoProps } from "./types";

export const typoClassNames = (props: TypoProps & { uppercase?: boolean }) => {
  /* Renaming to aksel-* prefix is done in components themselves */
  return cl({
    "navds-typo--spacing": props.spacing,
    "navds-typo--truncate": props.truncate,
    "navds-typo--semibold": props.weight === "semibold",
    [`navds-typo--align-${props.align}`]: props.align,
    [`navds-typo--color-${props.textColor}`]: props.textColor,
    "navds-typo--visually-hidden": props.visuallyHidden,
    "navds-typo--uppercase": props.uppercase,
  });
};