import * as React from 'react'
import { Box, Text } from '../../ink.js'
import { env } from '../../utils/env.js'

export type ClawdPose =
  | 'default'
  | 'arms-up' // both arms raised (used during jump)
  | 'look-left' // both pupils shifted left
  | 'look-right' // both pupils shifted right

type Props = {
  pose?: ClawdPose
}

export function Clawd({ pose = 'default' }: Props = {}): React.ReactNode {
  return (
    <Box flexDirection="column">
      <Text>
        <Text color="clawd_body">{'  █▄   ▄█  '}</Text>
      </Text>
      <Text>
        <Text color="clawd_body">{'  ███████  '}</Text>
      </Text>
      <Text color="clawd_body">
        {'  █ ▀ ▀ █  '}
      </Text>
    </Box>
  )
}