@cainthus/alex-library/src/helpers/components.ts

Component React library for Cainthus - Alex Dashboard.

export const addClassNameWithModifiers = (
  componentIdentifier: string,
  ...modifiers: string[]
) : string => {
  return modifiers.reduce((acc: string, curr: string) => {
    const modifier = curr ? ` ${componentIdentifier}_${curr}` : '';
    return `${acc}${modifier}`;
  }, componentIdentifier);
};

export const addClassNames = (...classNames: string[]): string => {
  return classNames.reduce((acc, curr) => {
    return `${acc} ${curr}`;
  }, '');
};

export const parseBooleanModifierToString = (
  boolModifier: boolean,
  strModifier: string,
  fallback?: string
) => {
  if (boolModifier) return strModifier;
  return fallback ? fallback : '';
};