@ggmdev/react-native-rating-bar/lib/module/helper/cloneElement.js

A React Native component for generating and displaying interactive Tap or Swipe enabled Ratings.

import React from 'react';
// TODO:- find better solution so we don't need this
export const getClonedElement = (children, iconSize, color) => {
  let clonedElement = null;
  if (children && /*#__PURE__*/React.isValidElement(children)) {
    // Current Child component
    const childProps = children.props;
    const size = childProps.size || iconSize;
    // this condition to avoid getting warning, passing tintColor to 'Text' as component could be Icon too
    const childStyle = childProps.style ? {
      ...childProps.style
    } : undefined;

    // Cloned Child component
    const props = color ? {
      size,
      color,
      style: childStyle
    } : {
      size,
      style: childStyle
    };
    clonedElement = /*#__PURE__*/React.cloneElement(children, props);
    let style = clonedElement.props.style;
    if (style) {
      style.width = style.width || iconSize;
      style.height = style.height || iconSize;
      if (color) {
        style.tintColor = color;
      }
    }
    return clonedElement;
  }
  return children;
};

/* export const doubleCloneElement = (children: React.ReactNode, style: any) => {
  let clonedElement: JSX.Element | null = null;
  if (children && React.isValidElement(children)) {
    clonedElement = React.cloneElement(children, {
      style: { ...children.props.style, ...style },
    });
  }

  return clonedElement;
}; */
//# sourceMappingURL=cloneElement.js.map