Command menu with two sectioned buckets of results, each prefixed by a category label.
The import and the props worth knowing about, in one place.
import { Search10 } from "@/components/beste/piece/search10";
<Search10
surface="card"
bordered={false}
inverted={false}
query="mira"
groups={[
{
"group": "Files",
"items": [
{
"label": "mira-handoff.fig"
},
{
"label": "brand-mira.pdf"
}
]
}
]}
/>