<!-- source-hash: 53782aa07fbb1aeb83e2d663969c62b0 -->
A simple animated chevron icon component that rotates 180° when an expanded state is active, commonly used for accordion and collapsible UI elements.

## Key Components

- **`ExpandChevronProps`** — Interface accepting:
  - `expanded: boolean` — Controls rotation state of the chevron
  - `className?: string` — Optional class overrides
- **`ExpandChevron`** — Client component rendering a `Chevron02DownIcon` with a smooth 200ms CSS transition

## Usage Example

```typescript
import { ExpandChevron } from "./expand-chevron"

// Collapsed state (chevron points down)
<ExpandChevron expanded={false} />

// Expanded state (chevron rotates 180° to point up)
<ExpandChevron expanded={true} />

// With custom class
<ExpandChevron expanded={isOpen} className="text-ods-text-primary" />
```