Bluesky app fork with some witchin' additions 💫 forked from jollywhoppers.com/witchsky.app
Something went wrong. Try again.
1.4 kB · 68 lines
TSX
at commit 8ce9bdb2
123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869import { type LayoutChangeEvent, type StyleProp, type TextStyle, View, type ViewStyle,} from 'react-native'import type React from 'react'
import {atoms as a, useTheme} from '#/alf'import {Text} from '#/components/Typography'
export function Header({ renderLeft, renderRight, children, style, onLayout,}: { renderLeft?: () => React.ReactNode renderRight?: () => React.ReactNode children?: React.ReactNode style?: StyleProp<ViewStyle> onLayout?: (event: LayoutChangeEvent) => void}) { const t = useTheme() return ( <View onLayout={onLayout} style={[ a.relative, a.w_full, a.py_sm, a.flex_row, a.justify_center, a.align_center, {minHeight: 50}, a.border_b, t.atoms.border_contrast_medium, t.atoms.bg, {borderTopLeftRadius: a.rounded_md.borderRadius}, {borderTopRightRadius: a.rounded_md.borderRadius}, style, ]}> {renderLeft && ( <View style={[a.absolute, {left: 6}]}>{renderLeft()}</View> )} {children} {renderRight && ( <View style={[a.absolute, {right: 6}]}>{renderRight()}</View> )} </View> )}
export function HeaderText({ children, style,}: { children?: React.ReactNode style?: StyleProp<TextStyle>}) { return ( <Text style={[a.text_lg, a.text_center, a.font_bold, style]}> {children} </Text> )}