// Can AI pick your React view?
// Teaching excerpts; see the explanation and boundaries on the episode page.

// Supply the question, choices and fallback
function ViewPicker({ question }: { question: string }) {
  return (
    <Branch
      ask="Pick a view for `data.question`."
      data={{ question }}
      minConfidence={0.8}
    >
      <Option k="chart" when="Show a trend.">
        <Chart />
      </Option>
      <Option k="table" when="Read exact values.">
        <Table />
      </Option>
      <Option fallback><Table /></Option>
    </Branch>
  );
}

// Connect the provider to your server
import { Branch, JevProvider, Option } from "jev-ui";

// serverResolver is supplied by your application.
<JevProvider resolve={serverResolver}>
  <ViewPicker question="Show the trend." />
</JevProvider>

// A known choice needs no model
view === "chart"
  ? <Chart />
  : <Table />