import { Box, Text } from 'ink';
import type { LifeCycleEvent } from '@types';
import Spinner from 'ink-spinner';

interface ExecutionLineProps {
  event: LifeCycleEvent;
}
const getIcon = (event: LifeCycleEvent) => {
  switch (event.eventType) {
    case 'block-failed':
      return '🚨';

    case 'sequence-aborted':
      return '🛑';

    case 'block-started':
      return <Spinner type="dots" />;

    case 'block-finished':
      return '👍';
  }
};

export const ExecutionLine = ({ event }: ExecutionLineProps) => {
  return (
    <Box flexDirection="row" width="100%" gap={1}>
      <Box>
        <Text>{getIcon(event)}</Text>
      </Box>
      <Box>
        <Text>{event.name}</Text>
      </Box>
    </Box>
  );
};