<!-- source-hash: b07dce7def2c6c8a7e699b09b55bcab2 -->
A client-side skeleton component that provides loading state visualization for vendor detail pages.

## Key Components

- **VendorPageSkeleton** - Main export component that renders a loading skeleton for vendor pages
- **VendorDetailLayoutSkeleton** - Imported skeleton layout component that handles the actual loading UI

## Usage Example

```typescript
import { VendorPageSkeleton } from './vendor-page-skeleton';

// Use in a loading state or Suspense fallback
export default function VendorPage() {
  return (
    <Suspense fallback={<VendorPageSkeleton />}>
      <VendorContent />
    </Suspense>
  );
}

// Or in a conditional render
function VendorPageContainer({ isLoading }: { isLoading: boolean }) {
  if (isLoading) {
    return <VendorPageSkeleton />;
  }
  
  return <VendorPageContent />;
}
```

This component serves as a thin wrapper around `VendorDetailLayoutSkeleton`, providing a consistent interface for displaying loading states across vendor-related pages. The "use client" directive ensures this component runs on the client side, making it suitable for interactive loading scenarios.