Media analyzer

import { useState } from "react";
import {
  MediaAnalyzer,
  MEDIA_ANALYSIS_PROMPT_LENGTHS,
  useMediaAnalyzer,
  type MediaAnalysisPromptLength,
  type MediaAnalyzerAttachment,
} from "@chai-ui/react";

export function Analyze() {
  const [attachments, setAttachments] = useState<MediaAnalyzerAttachment[]>([]);
  const [modelId, setModelId] = useState<string | null>(null);
  const [autoSelectModel, setAutoSelectModel] = useState(false);
  const [promptLength, setPromptLength] = useState<MediaAnalysisPromptLength | null>(null);
  const { submit, analyzing, error, prompt } = useMediaAnalyzer();

  return (
    <>
      <MediaAnalyzer
        attachments={attachments}
        onAttachmentsChange={setAttachments}
        modelId={modelId}
        onModelChange={setModelId}
        autoSelectModel={autoSelectModel}
        onAutoSelectModelChange={setAutoSelectModel}
        promptLength={promptLength}
        onPromptLengthChange={setPromptLength}
        promptLengthOptions={MEDIA_ANALYSIS_PROMPT_LENGTHS}
        onSubmit={submit}
        submitting={analyzing}
        submitError={error}
      />
      {prompt && <p>{prompt}</p>}
    </>
  );
}