/**
 * Copyright (c) Microsoft Corporation.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *     http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */

import type { ActionTraceEventInContext } from './modelUtil';
import * as React from 'react';
import { ListView } from '@web/components/listView';
import { PlaceholderPanel } from './placeholderPanel';

const LogList = ListView<{ message: string, time: number }>;

export const LogTab: React.FunctionComponent<{
  action: ActionTraceEventInContext | undefined,
}> = ({ action }) => {
  if (!action?.log.length)
    return <PlaceholderPanel text='No log entries' />;
  return <LogList
    name='log'
    items={action?.log || []}
    render={logLine => logLine.message}
  />;
};
