29 lines
1.5 KiB
TypeScript
29 lines
1.5 KiB
TypeScript
// Metro module 9904 (f9905).
|
|
import { View } from "react-native";
|
|
import { createStyles } from "../../../design/components/Styles/native/createStyles";
|
|
import Module712 from "../../../_bundle/Module712";
|
|
import { Header } from "../../../_bundle/Module5150";
|
|
import { GenericHeaderTitle } from "../../main_tabs_v2/native/shared_components/HeaderShared";
|
|
import { getHeaderCloseButton } from "../../../design/components/Navigator/native/NavigatorHeader.native";
|
|
import { isIOS } from "../../../utils/PlatformUtils";
|
|
import { getIsWindowLarge } from "../../screen/native/useIsWindowLarge";
|
|
const useStyles = createStyles({
|
|
container: {
|
|
paddingHorizontal: Module712.space.PX_16,
|
|
paddingVertical: Module712.space.PX_8,
|
|
backgroundColor: Module712.colors.MOBILE_ACTIONSHEET_BACKGROUND
|
|
},
|
|
header: {
|
|
borderBottomWidth: 0,
|
|
shadowColor: "transparent",
|
|
backgroundColor: "transparent"
|
|
}
|
|
});
|
|
export default function SearchableDestinationListHeader(props) {
|
|
const { title, subtitle, subtitleColor, headerRight, onClose } = props;
|
|
const styles = useStyles();
|
|
return <View style={styles.container}>
|
|
<Header headerStyle={styles.header} title={title} headerTitle={(a0) => <GenericHeaderTitle title={a0.children} subtitle={subtitle} subtitleColor={subtitleColor} variant="redesign/heading-18/bold" />} headerTitleAlign="center" headerLeft={getHeaderCloseButton(onClose)} headerRight={headerRight} headerStatusBarHeight={isIOS() ? getIsWindowLarge() ? void 0 : 0 : void 0} />
|
|
</View>;
|
|
};
|