LFM2-WebGPU / src /components /ResultBlock.tsx
mlabonne's picture
Add demo source code (#1)
68185ce verified
raw
history blame contribute delete
577 Bytes
import type React from "react";
const ResultBlock: React.FC<{ error?: string; result?: any }> = ({
error,
result,
}) => (
<div
className={
error
? "bg-red-900 border border-red-600 rounded p-3"
: "bg-gray-700 border border-gray-600 rounded p-3"
}
>
{error ? <p className="text-red-300 text-sm">Error: {error}</p> : null}
<pre className="text-sm text-gray-300 whitespace-pre-wrap overflow-auto mt-2">
{typeof result === "object" ? JSON.stringify(result, null, 2) : result}
</pre>
</div>
);
export default ResultBlock;