# Spacer Large
A large vertical spacer component that creates significant spacing between content sections without any line or visual elements.

## Screenshots

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

## What it looks like
A pure white space area that spans the full width of the container. Creates substantial vertical separation using grid rows - 6 rows on mobile/tablet and 16 rows on laptop/desktop. Contains no visible content or styling elements.

## Typography
No typography elements - this component renders only spacing with no text content.

## Colours
Authors cannot set section background or text colours on this component type. The spacer uses the default background of its container and palette names do not apply to it.

## Used fields
| Field | Type | Effect when set | Effect when empty/removed |
|-------|------|----------------|---------------------------|
| id | Symbol | Sets HTML id attribute on the spacer section | No id attribute added |
| index | Number | Used internally for component ordering | Component appears in default order |
| componentType | Symbol | Must be "Spacer Large" for proper styling | Component will not render correctly |
| cmsLabel | Symbol | Used for CMS organization and preview helpers | No effect on rendered output |

## Behaviour
The spacer automatically adjusts its height based on screen size - smaller spacing on mobile devices, larger spacing on desktop. It uses CSS Grid with `container-row-1-6` and `container-row-6-6` on mobile/tablet and `container-row-1-16` and `container-row-6-16` on laptop sizes. The component has semantic attributes `role="separator"`, `aria-orientation="horizontal"`, and `aria-hidden="true"` for accessibility.

## Impact
- Removing the component eliminates the large spacing between adjacent sections
- The `componentType` field must remain "Spacer Large" - changing it will apply different spacing dimensions
- Other fields have no visual impact on the rendered spacing