import { YStack, XStack, Button, H2, Paragraph, useThemeName } from '@junwon/aesthetics'
import { useRouterContext } from '../providers/RouterProvider'
import { JunwonIcon } from '@junwon/assets'
import { ArrowLeft } from '@tamagui/lucide-icons'
import { useEffect, useState } from 'react'
interface BackButtonProps {
onPress: () => void
}
function BackButton({ onPress }: BackButtonProps) {
return (
}
br="$10"
p={0}
w="$4"
h="$4"
bc="$gray2"
pos="absolute"
l={0}
/>
)
}
interface ActionBarProps {
showBackButtonAtRoot?: boolean
}
export function ActionBar({ showBackButtonAtRoot = false }: ActionBarProps) {
const { route, pop, pageTitle, pageSubtitle } = useRouterContext()
const shouldShowBack = showBackButtonAtRoot || route !== '/'
const themeName = useThemeName()
const [isDarkMode, setIsDarkMode] = useState(false)
useEffect(() => {
setIsDarkMode(themeName?.includes('dark'))
}, [themeName])
return (
{shouldShowBack && }
{pageTitle}
{pageSubtitle && {pageSubtitle}}
)
}