Files
discord-decomp/modules/app_launcher/native/options/AppLauncherCommandOptionActionSheet.tsx
T
2026-11-01 12:12:55 +02:00

49 lines
2.2 KiB
TypeScript

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