import React from 'react';

interface AssetLibraryPanelProps {
  assets: Array<{ id: string; name: string; type: string; url: string }>;
  onAssetSelect: (id: string) => void;
}

export const AssetLibraryPanel: React.FC<AssetLibraryPanelProps> = ({ assets, onAssetSelect }) => {
  return (
    <div className="asset-library-panel">
      <h2>Asset Library</h2>
      <ul>
        {assets.map((asset) => (
          <li key={asset.id} onClick={() => onAssetSelect(asset.id)}>
            <span>{asset.name}</span> <span className="type">[{asset.type}]</span>
          </li>
        ))}
      </ul>
    </div>
  );
};