<!-- source-hash: bc3ad132cb487fe4fe3234e7c04c1e65 -->
A skeleton loading component that mimics the layout of an MSP profile form with configurable number of input fields and responsive two-column design.

## Key Components

- **MspProfileFormSkeleton**: Main skeleton component with two-column grid layout (logo upload left, form fields right)
- **SkeletonProps**: Interface defining optional className and configurable field count (defaults to 4)
- **Unified Skeleton Components**: Uses `UnifiedSkeleton`, `TextSkeleton`, and `InteractiveSkeleton` for consistent loading states

## Usage Example

```typescript
import { MspProfileFormSkeleton } from './msp-profile-form-skeleton'

// Default usage with 4 input fields
<MspProfileFormSkeleton />

// Custom field count
<MspProfileFormSkeleton fields={6} />

// With additional styling
<MspProfileFormSkeleton 
  className="my-4 p-6" 
  fields={8} 
/>

// In a loading state
{isLoading ? (
  <MspProfileFormSkeleton fields={5} />
) : (
  <MspProfileForm />
)}
```

The component automatically adapts from two-column desktop layout to single-column on mobile devices, maintaining consistent spacing and proportions with the actual form component it represents.