"use client";

import { LabIFrameEmbed } from "~/components/labs/LabIFrameEmbed";

const TOKENIZER_PLAYGROUND_URL =
  "https://xenova-the-tokenizer-playground.static.hf.space";

export function TokenizerPlaygroundEmbed() {
  return (
    <LabIFrameEmbed
      eyebrow="Lab 1 Tokenization"
      heading="Tokenizer Playground"
      lede="Try several prompts, compare how the text is segmented, and then inspect the token IDs that the model will actually consume."
      src={TOKENIZER_PLAYGROUND_URL}
      title="Tokenizer playground"
    />
  );
}
