import React from "https://esm.sh/react";
import { hydrateRoot } from "https://esm.sh/react-dom/client";
import { renderToString } from "https://esm.sh/react-dom/server";
interface TypePair {
id: number;
type_pair: string;
types: string[];
rank: number;
tier: string;
timestamp: string;
timestamp_seconds: number;
}
interface ComboboxProps {
options: string[];
value: string;
onChange: (value: string) => void;
placeholder: string;
}
const typePairData: { type_pairs: TypePair[] } = {
"type_pairs": [
{
"id": 1,
"type_pair": "normal-ghost",
"types": ["ghost", "normal"],
"rank": 2,
"tier": "S",
"timestamp": "31:28",
"timestamp_seconds": 1888,
},
{
"id": 2,
"type_pair": "water-fairy",
"types": ["fairy", "water"],
"rank": 4,
"tier": "S",
"timestamp": "31:09",
"timestamp_seconds": 1869,
},
{
"id": 3,
"type_pair": "flying-ground",
"types": ["flying", "ground"],
"rank": 5,
"tier": "S",
"timestamp": "31:02",
"timestamp_seconds": 1862,
},
{
"id": 4,
"type_pair": "water-ground",
"types": ["ground", "water"],
"rank": 6,
"tier": "S",
"timestamp": "30:52",
"timestamp_seconds": 1852,
},
{
"id": 5,
"type_pair": "poison-dark",
"types": ["dark", "poison"],
"rank": 7,
"tier": "S",
"timestamp": "30:43",
"timestamp_seconds": 1843,
},
{
"id": 6,
"type_pair": "bug-steel",
"types": ["bug", "steel"],
"rank": 8,
"tier": "S",
"timestamp": "30:35",
"timestamp_seconds": 1835,
},
{
"id": 7,
"type_pair": "fairy-steel",
"types": ["fairy", "steel"],
"rank": 1,
"tier": "S",
"timestamp": "31:38",
"timestamp_seconds": 1898,
},
{
"id": 8,
"type_pair": "fairy-ground",
"types": ["fairy", "ground"],
"rank": 3,
"tier": "S",
"timestamp": "31:19",
"timestamp_seconds": 1879,
},
{
"id": 9,
"type_pair": "ice-ground",
"types": ["ground", "ice"],