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

const PRIVACY_ROWS: LinkRowProps[] = [
  {
    kind: 'internal',
    icon: 'lock',
    title: 'Account Privacy',
    description: 'Control whether your account is public or follow-approval only.',
    path: '/settings/privacy/privacy-settings',
  },
]

const RELATIONSHIP_ROWS: LinkRowProps[] = [
  {
    kind: 'internal',
    icon: 'user-minus',
    title: 'Muted Accounts',
    description: 'Hide posts from accounts without notifying them.',
    path: '/settings/privacy/muted-accounts',
  },
  {
    kind: 'internal',
    icon: 'user-x',
    title: 'Blocked Accounts',
    description: 'Stop interactions and visibility from these accounts.',
    tone: 'danger',
    path: '/settings/privacy/blocked-accounts',
  },
  {
    kind: 'internal',
    icon: 'globe',
    title: 'Blocked Domains',
    description: 'Hide content from entire instances.',
    path: '/settings/privacy/blocked-domains',
  },
]

export default function Page() {
  return (
    <ScreenScrollContainer variant="scroll" header="Privacy">
      <YStack px="$5" pt="$4" pb="$2" gap="$2">
        <BodyText tone="secondary">
          Manage who can see your posts and which accounts can reach you.
        </BodyText>
      </YStack>

      <LinkRowGroup header="Privacy" rows={PRIVACY_ROWS} />
      <LinkRowGroup header="Relationships" rows={RELATIONSHIP_ROWS} />

      <YStack pb="$6" />
    </ScreenScrollContainer>
  )
}
