Files
netris-nestri/packages/ui/src/react/utils.ts
2024-09-16 21:10:33 +03:00

15 lines
536 B
TypeScript

import React from "react"
import { twMerge } from "tailwind-merge"
/**
* Clone React element.
* The function clones React element and adds Tailwind CSS classnames to the cloned element
* @param element the React element to clone
* @param classNames Tailwind CSS classnames
* @returns { React.ReactElement } - Cloned React element
*/
export function cloneElement(element: React.ReactElement, classNames: string) {
return React.cloneElement(element, {
className: twMerge(element.props.className, classNames)
});
}