import { jsxs as a, jsx as e } from "react/jsx-runtime";
import { memo as n } from "react";
import l from "../../icon/Icon.js";
import { c as r } from "../../../index-BtlgVD4m.js";
import d from "../utils/formatFileSize.js";
const m = ({ isDragActive: o, maxSize: s, errorMessage: t, ...i }) => /* @__PURE__ */ a(
  "div",
  {
    className: r(
      "w-[500px] max-w-full flex flex-col items-center gap-[var(--spacing-6)] p-[var(--spacing-6)]",
      "bg-[var(--base-background)] border border-dashed border-[var(--base-border)] rounded-[var(--border-radius-lg)]",
      "font-[family-name:var(--typography-font-family-font-sans)]",
      "transition-all transform duration-200",
      "hover:cursor-pointer",
      o && "bg-[var(--base-info-background)]",
      t && "border-[var(--base-danger-border)]"
    ),
    ...i,
    children: [
      /* @__PURE__ */ e(
        "div",
        {
          className: r(
            "size-[var(--width-w-12)] flex items-center justify-center p-[var(--spacing-2)]",
            "border border-[var(--base-border)] rounded-[var(--border-radius-md)] bg-[var(--base-card)] shadow-sm"
          ),
          children: /* @__PURE__ */ e(l, { name: "Upload", size: 24 })
        }
      ),
      /* @__PURE__ */ a("div", { className: "flex flex-col gap-[var(--spacing-2)]", children: [
        /* @__PURE__ */ a(
          "div",
          {
            className: r(
              "text-center",
              "text-[length:var(--typography-base-sizes-small-font-size)]",
              "font-[var(--font-weight-semibold)]",
              "leading-[var(--typography-base-sizes-small-line-height)]"
            ),
            children: [
              "Drop your file here or ",
              /* @__PURE__ */ e("span", { className: "text-[var(--base-primary)]", children: "browse" })
            ]
          }
        ),
        /* @__PURE__ */ e(
          "div",
          {
            className: r(
              "text-center",
              "text-[var(--base-muted-foreground)]",
              "text-[length:var(--typography-base-sizes-small-font-size)]",
              "font-[var(--font-weight-normal)]",
              "leading-[var(--typography-base-sizes-small-line-height)]",
              "whitespace-pre"
            ),
            children: `Pick a file up to ${d(s)}.`
          }
        )
      ] })
    ]
  }
), g = n(m);
export {
  g as default
};
//# sourceMappingURL=DropZone.js.map
