roughPath.js

import React, { useCallback } from "react";
import PropTypes from "prop-types";
import { Path as SvgPath } from "react-native-svg";
import { useRough } from "../hooks";

const RoughPath = ({ onPress,d, ...o }) => {
  const generator = useRough(o);
  const paths = generator.toPaths(generator.path(d, o));

  return (
    <>
      {paths.map((pathInfo) => (
        <SvgPath
          key={pathInfo.d}
          d={pathInfo.d}
          stroke={pathInfo.stroke}
          strokeWidth={pathInfo.strokeWidth}
          fill={pathInfo.fill}
          onPress={onPress}
        />
      ))}
    </>
  );
};

RoughPath.propTypes = {
  d: PropTypes.string.isRequired,
};

RoughPath.defaultProps = {};

export default RoughPath;