# Prospecting UI: county mode

The page now receives `mode` ('radius' | 'county'). Practitioner tabs have no address
data, so the radius dropdown is meaningless there — swap it for a county field.

Add to the props type:  `mode: string;`  and destructure it.

Replace the Radius control with:

    {mode === 'radius' ? (
        <div>
            <label className="mb-1 block text-[11px] text-muted-foreground">Radius</label>
            <select value={filters.radius} onChange={(e) => go({ radius: e.target.value })}
                className="rounded-md border border-border bg-background px-3 py-1.5 text-sm">
                {radii.map((r) => <option key={r} value={r}>{r} mi</option>)}
            </select>
        </div>
    ) : (
        <div>
            <label className="mb-1 block text-[11px] text-muted-foreground">County</label>
            <input value={filters.county ?? ''} onChange={(e) => go({ county: e.target.value })}
                placeholder={center?.county ?? 'County'}
                className="w-40 rounded-md border border-border bg-background px-3 py-1.5 text-sm" />
        </div>
    )}

Hide the ZIP filter in county mode (practitioners have no ZIP):

    {mode === 'radius' && ( ...existing ZIP input... )}

Swap the last stat tile:

    {mode === 'radius'
        ? <Tile label="Center ZIP" value={stats.center_zip ?? '—'} />
        : <Tile label="County" value={stats.county ?? '—'} />}

Hide the Distance column in county mode:

    {mode === 'radius' && <th className="px-3 py-2.5 text-right font-medium">Distance</th>}
    ...
    {mode === 'radius' && <td className="px-3 py-2.5 text-right text-foreground">{r.distance ?? '—'}</td>}

and show County instead:

    {mode === 'county' && <td className="px-3 py-2.5 text-muted-foreground">{r.county ?? '—'}</td>}

Finally, when a location is chosen in county mode the empty-state message should say
"No licensed professionals found in {county} county." rather than mentioning imports.