});

it("builds colored detail table sections", () => {

const renderTable = ({ rows }: { rows: unknown[] }) => `rows:${rows.length}`;

const [section] = buildStatusChannelDetailSections({

details: [

{

},

],

width: 120,

renderTable: ({ rows }) => `rows:${rows.length}`,

renderTable,

ok: (value) => `ok(${value})`,

warn: (value) => `warn(${value})`,

});

kind: "table",

title: "Channel detail",

width: 120,

renderTable: expect.any(Function),

renderTable,

columns: [

{ key: "Channel", header: "Channel", flex: false, minWidth: 10 },

{ key: "Status", header: "Status", flex: false, minWidth: 10 },