"use client"
import{a as b}from"./chunk-G7GXT7DD.mjs";import{k as s}from"./chunk-RO4DUTLM.mjs";import{cva as L}from"class-variance-authority";import{UploadCloud as V}from"lucide-react";import{useState as F}from"react";import{toast as h}from"sonner";import{Fragment as M,jsx as t,jsxs as c}from"react/jsx-runtime";var d={any:{types:[]},images:{types:["image/png","image/jpeg"],errorMessage:"File type not supported (.png or .jpg only)"}},z=L("group relative isolate flex aspect-[1200/630] w-full flex-col items-center justify-center overflow-hidden bg-white transition-all hover:bg-gray-50",{variants:{variant:{default:"rounded-md border border-gray-300 shadow-sm",plain:""}},defaultVariants:{variant:"default"}});function J({readFile:N,onChange:r,variant:w,className:D,iconClassName:x,accept:i="any",imageSrc:l,loading:P=!1,clickToUpload:n=!0,showHoverOverlay:R=!0,content:u,maxFileSizeMB:p=0,accessibilityLabel:U="File upload"}){let[g,o]=F(!1),[j,T]=F(null),f=async e=>{let a="dataTransfer"in e?e.dataTransfer.files&&e.dataTransfer.files[0]:e.target.files&&e.target.files[0];if(!a)return;if(T(a.name),p>0&&a.size/1024/1024>p){h.error(`File size too big (max ${p} MB)`);return}let m=d[i].types;if(m.length&&!m.includes(a.type)){h.error(d[i].errorMessage??"File type not supported");return}if(N){let y=new FileReader;y.onload=E=>{var v;return r==null?void 0:r({src:(v=E.target)==null?void 0:v.result,file:a})},y.readAsDataURL(a);return}r==null||r({file:a})};return c("label",{className:(void 0)(z({variant:w}),n&&"cursor-pointer",D),children:[P&&t("div",{className:"absolute inset-0 z-[5] flex items-center justify-center rounded-[inherit] bg-white",children:t(b,{})}),t("div",{className:"absolute inset-0 z-[5]",onDragOver:e=>{e.preventDefault(),e.stopPropagation(),o(!0)},onDragEnter:e=>{e.preventDefault(),e.stopPropagation(),o(!0)},onDragLeave:e=>{e.preventDefault(),e.stopPropagation(),o(!1)},onDrop:async e=>{e.preventDefault(),e.stopPropagation(),f(e),o(!1)}}),c("div",{className:(void 0)("absolute inset-0 z-[3] flex flex-col items-center justify-center rounded-[inherit] bg-white transition-all",g&&"cursor-copy border-2 border-black bg-gray-50 opacity-100",l?(void 0)("opacity-0",R&&"group-hover:opacity-100"):"group-hover:bg-gray-50"),children:[t(V,{className:(void 0)("h-7 w-7 text-gray-500 transition-all duration-75 group-hover:scale-110 group-active:scale-95",g?"scale-110":"scale-100",x)}),u!==null&&t("div",{className:"mt-2 text-center text-sm text-gray-500",children:u??t(M,{children:c("p",{children:["Drag and drop ",n&&"or click"," to upload."]})})}),t("span",{className:"sr-only",children:U})]}),l&&t("img",{src:l,alt:"Preview",className:"h-full w-full rounded-[inherit] object-cover"}),n&&t("div",{className:"sr-only mt-1 flex shadow-sm",children:t("input",{type:"file",accept:d[i].types.join(","),onChange:f},j)})]})}export{J as a};
