c0510b08a5
Co-authored-by: Chris Svenningsen <chris@carbonfive.com> Co-authored-by: Sidney Keese <me@sidke.com>
30 lines
739 B
TypeScript
30 lines
739 B
TypeScript
// Copyright 2020 Signal Messenger, LLC
|
|
// SPDX-License-Identifier: AGPL-3.0-only
|
|
|
|
import classNames from 'classnames';
|
|
|
|
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);
|
|
};
|