import { ScreenScrollContainer } from 'src/components/layout'
import { LinkRowGroup, type LinkRowProps } from 'src/components/ui'
import { AccountStore } from 'src/state/accountStore'
import { YStack } from 'tamagui'

export default function Screen() {
  const instance = AccountStore.activeAccount()?.instance

  const rows: LinkRowProps[] = [
    {
      kind: 'external',
      icon: 'align-left',
      title: 'Privacy Policy',
      url: `https://${instance}/e/privacy`,
    },
    {
      kind: 'external',
      icon: 'align-left',
      title: 'Terms of Service',
      url: `https://${instance}/e/terms`,
    },
  ]

  return (
    <ScreenScrollContainer variant="scroll" header="Legal">
      <LinkRowGroup rows={rows} />
      <YStack pb="$6" />
    </ScreenScrollContainer>
  )
}
