# Search results

A faceted workspace search page with suggestions, facet counts that follow the query, filter chips, mixed doc, person and file results with highlighted matches, a gliding keyboard cursor and a preview pane.

- ID: `search-results`
- Import: `animui/search-results`
- Category: block
- Runtime exports: `SearchResults`
- Declaration: `types/pro/search-results.d.ts`
- Type provenance: reconstructed-from-docs-and-runtime
- Related: command-palette, filter-toolbar, help-center, product-listing

```tsx
import { SearchResults } from 'animui/search-results';
```

This import example is not a complete render recipe: read the declaration below and its local references for required props, data, callbacks and provider context. Use `animui info search-results` to resolve the local declaration graph. Global setup is in `llms.txt`.

```ts
/** Reconstructed from saved Arc documentation and runtime binding evidence; original TypeScript source was unavailable. */
import type { ComponentType, ReactNode, CSSProperties, Ref, ButtonHTMLAttributes, HTMLAttributes, ReactElement } from 'react';

export interface SearchResultsProps {
  results?: string | number | boolean | ReactNode;
  teams?: string | number | boolean | ReactNode;
  recentSearches?: string | number | boolean | ReactNode;
  suggestedSearches?: string | number | boolean | ReactNode;
  defaultQuery?: string | number | boolean | ReactNode;
  defaultSort?: string | number | boolean | ReactNode;
  today?: string | number | boolean | ReactNode;
  workspace?: string | number | boolean | ReactNode;
  latency?: string | number | boolean | ReactNode;
  onSearch?: () => void;
  onOpen?: () => void;
  className?: string;
}

export declare const SearchResults: ComponentType<SearchResultsProps>;

export default SearchResults;
```