React-Photo-Frame

Give Frame and photo.

Expected Output

Usage

import PhotoFrame from "react-photo-frame";
 const [trigger, setTrigger] = useState(false);
  const callbackImage = (cb) => {
    console.log(cb);
    setTrigger(false);
  };
  const triggerCallBack = () => {
    setTrigger(true);
  };

  return (
    <div  className="mycanvas">
      <PhotoFrame
        frameWidth={300}
        frameHeight={300}
        frameDesign="https://i.ibb.co/T0T2JNS/dd.png"
        frameImage="https://i.ibb.co/846vTdc/download.jpg"
        callbackImage={callbackImage}
        trigger={trigger}
        frameBorder={[10, 10, 50, 10]}
      />
      <button
        type="button"
        className="btn m-0 btn-dark fs10 rounded-0"
        onClick={triggerCallBack}
      >
        Submit
      </button>
    </div>
  );
};