1  import * as React from 'react'
 2  import { Box, Text } from 'ink'
 3  
 4  type Props = {
 5    costUSD: number
 6    durationMs: number
 7    debug: boolean
 8  }
 9  
10  export function Cost({ costUSD, durationMs, debug }: Props): React.ReactNode {
11    if (!debug) {
12      return null
13    }
14  
15    const durationInSeconds = (durationMs / 1000).toFixed(1)
16    return (
17      <Box flexDirection="column" minWidth={23} width={23}>
18        <Text dimColor>
19          Cost: ${costUSD.toFixed(4)} ({durationInSeconds}s)
20        </Text>
21      </Box>
22    )
23  }