1import { ViewStyle } from '@expo/html-elements/build/primitives/View'; 2import { spacing } from '@expo/styleguide-native'; 3import { Heading, Row } from 'expo-dev-client-components'; 4import * as React from 'react'; 5 6type Props = { 7 header: string; 8 style?: ViewStyle; 9}; 10 11export function SectionHeader({ header, style }: Props) { 12 return ( 13 <Row px="small" py="small" align="center" style={style}> 14 <Heading 15 color="secondary" 16 size="small" 17 style={{ marginRight: spacing[2] }} 18 type="InterSemiBold"> 19 {header} 20 </Heading> 21 </Row> 22 ); 23} 24