<!-- source-hash: c5159aa07b6a4d2c8ddb68c466359feb -->
Displays software name with optional vendor and version information, part of the ODS (OpenFrame Design System) platform components.

## Key Components

### `SoftwareInfo`
A React functional component that renders software metadata in a stacked layout.

### `SoftwareInfoProps`
| Prop | Type | Required | Description |
|------|------|----------|-------------|
| `name` | `string` | ✅ | Software name |
| `vendor` | `string` | ❌ | Software vendor/publisher |
| `version` | `string` | ❌ | Software version, rendered as a styled badge |
| `className` | `string` | ❌ | Additional CSS classes for the root element |

## Usage Example

```typescript
import { SoftwareInfo } from './components/SoftwareInfo'

// Full usage with all props
<SoftwareInfo
  name="Visual Studio Code"
  vendor="Microsoft"
  version="1.85.0"
/>

// Name only
<SoftwareInfo name="Chrome" />

// Name + version badge, no vendor
<SoftwareInfo name="Node.js" version="20.11.0" />
```

## Rendering Behavior

- **Name** — rendered with `text-h4` and primary text color, always visible.
- **Version** — rendered inline next to the name as a pill badge with secondary text and a soft-grey background.
- **Vendor** — rendered below the name row in secondary text color using DM Sans 16px.