Files
service-aware-frontend/pkgs/ui/src/components/join/log.tsx
2023-10-08 15:46:33 +02:00

21 lines
578 B
TypeScript

"use client";
interface LogOptions {
lines: string[];
title?: string;
}
export const Log = (props: LogOptions) => {
const { lines, title } = props;
return (
<div className="max-h-[70vh] min-h-[9rem] w-full overflow-scroll bg-neutral-20 p-4 text-white shadow-inner shadow-black">
<div className="mb-1 text-neutral-70">{title}</div>
<pre className="max-w-[90vw] text-xs">
{lines.map((item, idx) => (
<code key={`${idx}`} className="mb-2 block break-words">
{item}
</code>
))}
</pre>
</div>
);
};