useToolData

import { useToolData } from 'sunpeak';

function useToolData<TInput, TOutput>(
  defaultInput?: TInput,
  defaultOutput?: TOutput
): ToolData<TInput, TOutput>

import { useToolData } from 'sunpeak';

interface ReviewInput {
  changesetId: string;
  title: string;
}

interface ReviewOutput {
  title: string;
  sections: Array<{ title: string; content: unknown[] }>;
}

function ReviewResource() {
  const { input, output, isLoading } = useToolData<ReviewInput, ReviewOutput>(
    undefined,
    { title: 'Review', sections: [] }
  );

  if (isLoading) return <div>Loading...</div>;

  return (
    <div>
      <h1>{output?.title}</h1>
      <p>Changeset: {input?.changesetId}</p>
    </div>
  );
}