import { Text } from 'tamagui'

// renderTitle — centered contextual title shown when no filter/search is
// active. Intentionally subtle; screens that want a large title still render
// it inline in content (see MENU_HOLISTIC_V3.md §3.4).

export function RenderTitle({ title, boldText }: { title: string; boldText?: boolean }) {
  return (
    <Text
      flexShrink={1}
      numberOfLines={1}
      color="$onSurfacePrimary"
      fontWeight={boldText ? 'bold' : '600'}
      fontSize={boldText ? '$4' : '$3'}
      textAlign="center"
    >
      {title}
    </Text>
  )
}
