CropArea

import { useState } from "react";
import { CropArea, CropRect } from "@gpuixui/media";

const [crop, setCrop] = useState(
  new CropRect({ x: 60, y: 40, width: 100, height: 100 }),
);

<CropArea
  src={picture}
  alt="The picture being cropped"
  width={240}
  height={160}
  value={crop}
  onChange={setCrop}
  aspectRatio={1}
  guides
  label="Crop the thumbnail"
/>;