// Metro module 11343 (f11344).
import { View } from "react-native";
import { DEFAULT_CONTENT_PADDING } from "../AppLauncherNativeConstants";
import { createStyles } from "../../../../design/components/Styles/native/createStyles";
import Module712 from "../../../../_bundle/Module712";
import { BottomSheet } from "../../../../design/components/Sheet/native/BottomSheet.native";
import { BottomSheetTitleHeader } from "../../../../design/components/Sheet/native/BottomSheetTitleHeader.native";
import { ActionSheetCloseButton } from "../../../../design/components/Sheet/native/ActionSheetCloseButton.native";
import ActionSheetActionCreators from "../../../action_sheet/native/ActionSheetActionCreators";
import { Spacer } from "../../../../design/void/native";
const useStyles = createStyles({
  actionSheetBackground: {
    backgroundColor: Module712.colors.MOBILE_KEYBOARD_PANEL_BACKGROUND
  },
  titleContainer: {
    backgroundColor: "transparent"
  },
  titleWrapper: {
    alignItems: "center"
  },
  subtitleWrapper: {
    paddingHorizontal: 12,
    textAlign: "center"
  },
  contentContainer: {
    paddingHorizontal: DEFAULT_CONTENT_PADDING,
    paddingTop: DEFAULT_CONTENT_PADDING,
    flex: 1
  }
});
export function AppLauncherCommandOptionActionSheet(props) {
  const { option, children, contentContainerStyles, scrollable = true, startExpanded = true, ...props2 } = props;
  let c18763_0 = props2;
  const styles = useStyles();
  return <BottomSheet key={option.name} {...props2} backgroundStyles={styles.actionSheetBackground} scrollable={scrollable} startExpanded={startExpanded} header={<BottomSheetTitleHeader titleContainerStyle={styles.titleContainer} titleWrapperStyle={styles.titleWrapper} subtitleStyle={styles.subtitleWrapper} leading={<View style={{
    alignSelf: "flex-start"
  }}>
    <ActionSheetCloseButton onPress={() => {
      ActionSheetActionCreators.hideActionSheet();
      const onDismiss = c18763_0.onDismiss;
      if (onDismiss != null) {
        onDismiss.call(c18763_0);
      }
    }} />
  </View>} title={option.displayName} subtitle={option.displayDescription} trailing={<Spacer size={24} />} />}>
    <View style={[styles.contentContainer, contentContainerStyles]}>{children}</View>
  </BottomSheet>;
}