<commit_before>// @flow

import * as React from 'react'
import {Platform} from 'react-native'
import glamorous from 'glamorous-native'
import {SelectableText} from './selectable'
import {iOSUIKit, material} from 'react-native-typography'

export const Header = glamorous(SelectableText)({
  marginTop: 8,
  marginBottom: 4,
})

const H1 = glamorous(Header)({
  ...Platform.select({
    ios: iOSUIKit.largeTitleEmphasizedObject,
    android: material.display4Object,
  }),
})

const H2 = glamorous(Header)({
  ...Platform.select({
    ios: iOSUIKit.title3EmphasizedObject,
    android: material.display3Object,
  }),
})

const H3 = glamorous(Header)({
  ...Platform.select({
    ios: iOSUIKit.title3Object,
    android: material.display2Object,
  }),
})

const H4 = glamorous(Header)({
  ...Platform.select({
    ios: iOSUIKit.subheadObject,
    android: material.display1Object,
  }),
})

const H5 = glamorous(Header)({
  ...Platform.select({
    ios: iOSUIKit.subheadObject,
    android: material.headlineObject,
  }),
})

const H6 = glamorous(Header)({
  ...Platform.select({
    ios: iOSUIKit.subheadObject,
    android: material.titleObject,
  }),
})


export const Heading = (props: any) => {
  switch (props.level) {
    case 1:
      return <H1>{props.children}</H1><commit_msg>prettierify<commit_after>// @flow

import * as React from 'react'
import {Platform} from 'react-native'
import glamorous from 'glamorous-native'
import {SelectableText} from './selectable'
import {iOSUIKit, material} from 'react-native-typography'

export const Header = glamorous(SelectableText)({
  marginTop: 8,
  marginBottom: 4,
})

const H1 = glamorous(Header)({
  ...Platform.select({
    ios: iOSUIKit.largeTitleEmphasizedObject,
    android: material.display4Object,
  }),
})

const H2 = glamorous(Header)({
  ...Platform.select({
    ios: iOSUIKit.title3EmphasizedObject,
    android: material.display3Object,
  }),
})

const H3 = glamorous(Header)({
  ...Platform.select({
    ios: iOSUIKit.title3Object,
    android: material.display2Object,
  }),
})

const H4 = glamorous(Header)({
  ...Platform.select({
    ios: iOSUIKit.subheadObject,
    android: material.display1Object,
  }),
})

const H5 = glamorous(Header)({
  ...Platform.select({
    ios: iOSUIKit.subheadObject,
    android: material.headlineObject,
  }),
})

const H6 = glamorous(Header)({
  ...Platform.select({
    ios: iOSUIKit.subheadObject,
    android: material.titleObject,
  }),
})

export const Heading = (props: any) => {
  switch (props.level) {
    case 1:
      return <H1>{props.children}</H1>
{'fraction_non_alphanumeric': 0.15037008180755745, 'fraction_numerical': 0.013245033112582781, 'mean_word_length': 3.9384615384615387, 'pattern_counts': {'":': 0, '<': 7, '<?xml version=': 0, '>': 9, 'https://': 0, 'lorem ipsum': 0, 'www.': 0, 'xml': 0}, 'pii_count': 0, 'substrings_counts': 0, 'word_list_counts': {'cursed_substrings.json': 0, 'profanity_word_list.json': 0, 'sexual_word_list.json': 0, 'zh_pornsignals.json': 0}}
{'dir': 'git-commits-cleaned', 'id': '3509922', 'n_tokens_mistral': 894, 'n_tokens_neox': 859, 'n_words': 181}