@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
TypeScript
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