import { Button, YStack, Text } from '@junwon/aesthetics'
import { useRouterContext } from '../providers/RouterProvider'

export function ManageAccount() {
  const { setRoute } = useRouterContext()

  return (
    <YStack
      f={1}
      py="$8"
      gap="$8"
    >
      <Button onPress={() => setRoute('/account/update')}>
        <Text>Change Email</Text>
      </Button>
      <Button onPress={() => setRoute('/account/delete')}>
        <Text>Delete Account</Text>
      </Button>
    </YStack>
  )
}
