/**

 * Copyright (c) Meta Platforms, Inc. and affiliates.

 *

 * This source code is licensed under the MIT license found in the

 * LICENSE file in the root directory of this source tree.

 *

 * @flow

 */

const uppercasePattern = /([A-Z])/g;

const msPattern = /^ms-/;

/**

 * Hyphenates a camelcased CSS property name, for example:

 *

 *   > hyphenateStyleName('backgroundColor')

 *   < "background-color"

 *   > hyphenateStyleName('MozTransition')

 *   < "-moz-transition"

 *   > hyphenateStyleName('msTransition')

 *   < "-ms-transition"

 *

 * As Modernizr suggests (http://modernizr.com/docs/#prefixed), an `ms` prefix

 * is converted to `-ms-`.

 */

export default function hyphenateStyleName(name: string): string {

  return name

    .replace(uppercasePattern, '-$1')

    .toLowerCase()

    .replace(msPattern, '-ms-');

}