Spaces:

Gannnaja
/

anycoder-3dc58a51

Sleeping

anycoder-3dc58a51 / components /ResourcePanel.jsx

Upload components/ResourcePanel.jsx with huggingface_hub

68fb347 verified 9 months ago

515 Bytes

export default function ResourcePanel({ resources }) {
  return (
    <div className="bg-gray-100 p-4 rounded-lg mb-4">
      <h3 className="font-bold mb-2">Resources</h3>
      <div className="grid grid-cols-2 md:grid-cols-4 gap-2">
        {Object.entries(resources).map(([key, value]) => (
          <div key={key} className="bg-white p-2 rounded">
            <p className="text-sm capitalize">{key}</p>
            <p className="font-bold">{value}</p>
          </div>
        ))}
      </div>
    </div>
  )
}

	export default function ResourcePanel({ resources }) {
	return (
	<div className="bg-gray-100 p-4 rounded-lg mb-4">
	<h3 className="font-bold mb-2">Resources</h3>
	<div className="grid grid-cols-2 md:grid-cols-4 gap-2">
	{Object.entries(resources).map(([key, value]) => (
	<div key={key} className="bg-white p-2 rounded">
	<p className="text-sm capitalize">{key}</p>
	<p className="font-bold">{value}</p>
	</div>
	))}
	</div>
	</div>
	)
	}