tab
import "./style.css";
import * as Ariakit from "@ariakit/react";
export default function Example() {
const defaultSelectedId = "default-selected-tab";
return (
<div className="wrapper">
Vegetables
<div className="panels">
<ul>
<li>🍎 Apple</li>
<li>🍇 Grape</li>
<li>🍊 Orange</li>
</ul>
<ul>
<li>🥕 Carrot</li>
<li>🧅 Onion</li>
<li>🥔 Potato</li>
</ul>
<ul>
<li>🥩 Beef</li>
<li>🍗 Chicken</li>
<li>🥓 Pork</li>
</ul>
</div>
</div>
);
}