analytica-frontend-lib
Version:
Repositório público dos componentes utilizados nas plataformas da Analytica Ensino
38 lines • 1.46 kB
TypeScript
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