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

export type ClawdPose = 'default' | 'arms-up' | 'look-left' | 'look-right'

type Props = {
  pose?: ClawdPose
  /** Terminal width — selects compact or wide logo variant. */
  width?: number
}

/**
 * SANDCODE wordmark — minimal, no box chrome.
 * Bold copper title with optional subtitle.
 */
export function Clawd({ pose = 'default', width = 80 }: Props) {
  if (width < 40) {
    return (
      <Box>
        <Text color="forgeCopper" bold>
          SANDCODE
        </Text>
      </Box>
    )
  }
  return (
    <Box>
      <Text color="forgeCopper" bold>
        SANDCODE
      </Text>
      <Text color="forgeSandBeige"> · forge</Text>
    </Box>
  )
}
