signal-desktop/ts/components/conversation/conversation-details/util.ts

// Copyright 2021 Signal Messenger, LLC
// SPDX-License-Identifier: AGPL-3.0-only

import classNames from 'classnames';

export enum RequestState {
  Inactive,
  InactiveWithError,
  Active,
}

export const bemGenerator =
  (block: string) =>
  (element: string, modifier?: string | Record<string, boolean>): string => {
    const base = `${block}__${element}`;
    const classes = [base];

    let conditionals: Record<string, boolean> = {};

    if (modifier) {
      if (typeof modifier === 'string') {
        classes.push(`${base}--${modifier}`);
      } else {
        conditionals = Object.keys(modifier).reduce(
          (acc, key) => ({
            ...acc,
            [`${base}--${key}`]: modifier[key],
          }),
          {} as Record<string, boolean>
        );
      }
    }

    return classNames(classes, conditionals);
  };