UNPKG

@camtom/nyx-design-system

Version:

Nyx Design System - Sistema de diseño profesional para React con TypeScript, componentes accesibles y documentación completa

34 lines 1.18 kB
import React, { ChangeEvent, FormEvent } from 'react'; export type QueryBoxModel = 'pro' | 'fast'; export type QueryBoxSize = 'small' | 'medium' | 'large'; export interface AttachedFile { name: string; size: number; type: 'image' | 'pdf' | 'document'; previewUrl?: string; } export interface QueryBoxProps { value: string; onChange: (event: ChangeEvent<HTMLTextAreaElement>) => void; onSubmit: (event: FormEvent<HTMLFormElement>) => void; onAttachPdf?: () => void; onAttachImage?: () => void; onToggleModel?: () => void; isLoading?: boolean; loadingMessage?: string; model?: QueryBoxModel; placeholder?: string; attachedFiles?: AttachedFile[]; onRemoveFile?: (index: number, type: AttachedFile['type']) => void; size?: QueryBoxSize; disabled?: boolean; className?: string; maxLength?: number; showAttachments?: boolean; showModelToggle?: boolean; submitButtonText?: string; cancelButtonText?: string; 'data-testid'?: string; } export declare const QueryBox: React.ForwardRefExoticComponent<QueryBoxProps & React.RefAttributes<HTMLFormElement>>; //# sourceMappingURL=QueryBox.d.ts.map