import { createSplineSansFont } from '@tamagui-google-fonts/spline-sans'

export const headingFont = createSplineSansFont(
  {
    size: {
      6: 15,
    },
    transform: {
      6: 'uppercase',
      7: 'none',
    },
    weight: {
      3: '500',
      4: '700',
    },
    face: {
      '300': {
        normal: 'SplineSansLight',
      },
      '400': {
        normal: 'SplineSans',
      },
      '500': {
        normal: 'SplineSansMedium',
      },
      '600': {
        normal: 'SplineSansSemiBold',
      },
      '700': {
        normal: 'SplineSansBold',
      },
    },
  },
  {
    sizeSize: (size) => size,
    sizeLineHeight: (fontSize) => fontSize + 4,
  }
)

export const bodyFont = createSplineSansFont(
  {
    face: {
      '300': {
        normal: 'SplineSansLight',
      },
      '400': {
        normal: 'SplineSans',
      },
      '500': {
        normal: 'SplineSansMedium',
      },
      '600': {
        normal: 'SplineSansSemiBold',
      },
      '700': {
        normal: 'SplineSansBold',
      },
    },
  },
  {
    sizeSize: (size) => Math.round(size * 1.1),
    sizeLineHeight: (size) => size + 5,
  }
)