# Search results
A search interface component for displaying dynamic search results with a chrome wrapper for filtering and result display.

## Screenshots

| Variant | Preview |
|---------|---------|
| default | ![default](http://localhost:3016/cms/screenshot?file=components%2Fsearch-results-default.png) |

## What it looks like
The component renders as a full-width section containing a search chrome wrapper that houses the client-side search functionality. The layout uses a single column spanning the full container width with vertical spacing between elements. The chrome provides the search interface structure while the client component handles the actual search results display.

## Typography
- `heading`: Uses dynamic heading levels based on section index via getSizingInformation - h1 for first section (index 0), h2 for subsequent sections
- `preHeading`: Uses smaller heading class determined by getSizingInformation child element rules
- `postHeading`: Uses smaller heading class determined by getSizingInformation child element rules  
- `body`: Uses paragraph text sizing from getSizingInformation based on textSize setting
- `additionalCopy`: Uses paragraph text sizing from getSizingInformation based on textSize setting

## Colours
Authors cannot set background or text colours for this component type.

## Used fields

| Field | Type | Effect when set | Effect when empty/removed |
|-------|------|----------------|---------------------------|
| id | Symbol | Sets component anchor ID for linking | No anchor ID applied |
| index | Number | Determines heading hierarchy and spacing rules | Uses default positioning |
| componentType | Symbol | Defines component as "Search results" | Component cannot render |
| heading | Symbol | Displays main heading with dynamic level | No main heading shown |
| preHeading | Symbol | Shows smaller heading above main heading | No pre-heading content |
| postHeading | Symbol | Shows smaller heading below main heading | No post-heading content |
| body | Rich Text | Renders body content in search chrome | No body text displayed |
| visual | Media | Provides visual content to chrome | No visual content shown |
| icon | Media | Displays icon in chrome interface | No icon displayed |
| links | Reference (multiple) | Adds navigation links to chrome | No additional links available |
| additionalCopy | Rich Text | Shows extra text content in chrome | No additional text content |
| textSize | Symbol | Controls typography sizing (Small/Medium/Large) | Defaults to Medium sizing |
| cmsLabel | Symbol | Internal CMS labeling for content management | No effect on display |

## Behaviour
The component combines a chrome wrapper with client-side search functionality. Content hierarchy follows standard section index rules where index 0 uses h1 headings and subsequent indices use h2. The chrome provides the search interface structure while the client component handles dynamic search result rendering. Visual and text content populate the chrome interface when provided.

## Impact
- Adding/removing `heading`: Shows/hides the main search interface title
- Setting `textSize`: Adjusts all text elements proportionally using Small/Medium/Large scale
- Adding `visual` or `icon`: Provides visual elements to the search chrome interface
- Modifying `body` or `additionalCopy`: Changes descriptive text content in search interface
- Adding `links`: Expands navigation options within the search chrome