import { Box, Stack, useComputedColorScheme } from '@tidbcloud/uikit'

import { AI } from './AI'
import { Privacy } from './Privacy'

export const Terms = () => {
  const colorScheme = useComputedColorScheme()
  return (
    <Box
      h="100%"
      pt={24}
      sx={(theme) => ({
        background: colorScheme === 'dark' ? undefined : theme.colors.carbon[1]
      })}
    >
      <Stack justify="flex-start" gap="xl">
        <AI />
        <Privacy />
      </Stack>
    </Box>
  )
}