Cropper

1"use client"
2 
3import * as React from "react"
4import { Cropper as BaseCropper } from "@/components/ui/cropper"
5import { cn } from "@/lib/utils"
6 
7export interface CropperProps {
8  image: string
9  onCropComplete: (croppedArea: { x: number; y: number; width: number; height: number }, croppedAreaPixels: { x: number; y: number; width: number; height: number }) => void
10  aspect?: number
11  variant?: "default" | "glass"
12  glow?: boolean
13  className?: string
14}
15 
16/**
17 * Glass UI Cropper - Enhanced image cropper with glassy effects
18 */
19export function Cropper({ className, variant = "glass", glow = false, ...props }: CropperProps) {
20  return (
21    <div
22      className={cn(
23        glow && "shadow-lg shadow-purple-500/20",
24        className
25      )}
26    >
27      <BaseCropper
28        variant={variant}
29        {...props}
30      />
31    </div>
32  )
33}
34