21 lines
617 B
TypeScript
21 lines
617 B
TypeScript
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>
|
|
);
|
|
};
|