// 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>;
};