Displays software name with optional vendor and version metadata, part of the ODS (OpenFrame Design System) platform components. ## Key Components ### `SoftwareInfoProps` | Prop | Type | Required | Description | |------|------|----------|-------------| | `name` | `string` | ✅ | Software name | | `vendor` | `string` | ❌ | Software vendor | | `version` | `string` | ❌ | Software version (rendered as a badge) | | `className` | `string` | ❌ | Additional CSS classes | ### `SoftwareInfo` A React functional component that renders a vertical stack: the software name alongside an optional version badge, with the vendor name displayed below in secondary text. ## Usage Example ```typescript // Name only // Name with vendor // Full usage with version and custom class ``` ## Notes - Version is rendered as a pill/badge using `ods-bg-surface` background and `ods-text-secondary` color. - Vendor is rendered below the name row using secondary text styling. - Uses the [`cn`](https://github.com/flamingo-stack/openframe-oss-lib/blob/main/src/utils/cn.ts) utility for conditional class merging. - `displayName` is set to `'SoftwareInfo'` for improved React DevTools visibility.