analytica-frontend-lib/dist/chunk-L7SXDGAQ.js

Repositório público dos componentes utilizados nas plataformas da Analytica Ensino

"use strict";Object.defineProperty(exports, "__esModule", {value: true});

var _chunk34ST3MKOjs = require('./chunk-34ST3MKO.js');


var _chunkANT66KVKjs = require('./chunk-ANT66KVK.js');

// src/components/ImagePreviewCard/ImagePreviewCard.tsx
var _Paperclip = require('@phosphor-icons/react/dist/csr/Paperclip');
var _X = require('@phosphor-icons/react/dist/csr/X');
var _jsxruntime = require('react/jsx-runtime');
var ImagePreviewCard = ({
  imageUrl,
  fileName,
  onRemove,
  onUpdate,
  label = "Imagem",
  updateButtonLabel = "Atualizar imagem",
  removeAriaLabel = "Remover imagem",
  className = ""
}) => {
  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: `flex flex-col gap-4 ${className}`, children: [
    label && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkANT66KVKjs.Text_default, { size: "md", weight: "bold", className: "text-text-950", children: label }),
    /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex flex-col items-center gap-3 border border-border-200 rounded-xl p-4 bg-background", children: [
      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
        "img",
        {
          src: imageUrl,
          alt: fileName,
          className: "w-full max-h-80 object-contain rounded-lg"
        }
      ),
      /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex flex-row items-center gap-2 border border-border-200 rounded-full px-3 py-1.5 bg-secondary-50 max-w-full min-w-0", children: [
        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _Paperclip.PaperclipIcon, { size: 16, className: "shrink-0 text-text-700" }),
        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkANT66KVKjs.Text_default, { size: "sm", className: "text-text-800 truncate min-w-0", children: fileName }),
        onRemove && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
          "button",
          {
            type: "button",
            onClick: onRemove,
            "aria-label": removeAriaLabel,
            className: "shrink-0 text-text-700 hover:text-text-950 cursor-pointer",
            children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _X.XIcon, { size: 14 })
          }
        )
      ] }),
      onUpdate && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk34ST3MKOjs.Button_default, { variant: "outline", size: "small", onClick: onUpdate, children: updateButtonLabel })
    ] })
  ] });
};
var ImagePreviewCard_default = ImagePreviewCard;



exports.ImagePreviewCard_default = ImagePreviewCard_default;
//# sourceMappingURL=chunk-L7SXDGAQ.js.map