UNPKG

analytica-frontend-lib

Version:

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

38 lines 1.46 kB
import { ReactNode } from 'react'; export interface ImagePreviewCardProps { /** URL da imagem a ser exibida */ imageUrl: string; /** Nome do arquivo (exibido no chip abaixo da imagem) */ fileName: string; /** Callback ao remover — se omitido, o X não é renderizado */ onRemove?: () => void; /** Callback ao atualizar — se omitido, o botão de atualizar não é renderizado */ onUpdate?: () => void; /** Label acima do card. Default: "Imagem" */ label?: ReactNode; /** Texto do botão de atualizar. Default: "Atualizar imagem" */ updateButtonLabel?: string; /** aria-label do botão X de remover. Default: "Remover imagem" */ removeAriaLabel?: string; /** Classes adicionais pro container externo */ className?: string; } /** * Card de preview de imagem com chip de nome de arquivo e ação de atualização. * * Útil em fluxos de upload onde o usuário precisa ver a imagem enviada, * remover, e/ou substituir. * * @example * ```tsx * <ImagePreviewCard * imageUrl={objectUrl} * fileName="redacao.jpg" * onRemove={() => setFile(null)} * onUpdate={() => openFilePicker()} * /> * ``` */ declare const ImagePreviewCard: ({ imageUrl, fileName, onRemove, onUpdate, label, updateButtonLabel, removeAriaLabel, className, }: ImagePreviewCardProps) => import("react/jsx-runtime").JSX.Element; export default ImagePreviewCard; //# sourceMappingURL=ImagePreviewCard.d.ts.map