import type { CreateTamaguiProps } from '@tamagui/web'
import { mediaQueryDefaultActive } from './media'

export const selectionStyles = (theme) =>
  theme.color5
    ? {
        backgroundColor: theme.color5,
        color: theme.color11,
      }
    : null

export const settings = {
  mediaQueryDefaultActive,
  selectionStyles,
  defaultFont: 'body',
  fastSchemeChange: true,
  shouldAddPrefersColorThemes: true,
  allowedStyleValues: 'somewhat-strict-web',
  addThemeClassName: 'html',
  onlyAllowShorthands: true,
  styleCompat: 'web',
} satisfies CreateTamaguiProps['settings']

export type Settings = typeof settings