import { Playground, Props } from "@slytrunk/docs";
import ImageCrop from "./ImageCrop";

# ImageCrop

File upload component.

<Props of={ImageCrop} />

## Basic Usage

<Playground>
  {() => {
    const [crop, setCrop] = React.useState();
    return (
      <ImageCrop
        crop={crop}
        image={{
          height: 212,
          width: 318,
          url:
            "https://api-mazlo.slytrunk.com/v1/storage/29b8ae69-7f68-408c-8836-c3a31f7826f1",
        }}
        height={200}
        width={200}
        onCrop={(crop) => setCrop(crop)}
      />
    );
  }}
</Playground>