// Metro module 10324 (f10325).
import { View } from "react-native";
import { UserNotificationSettings } from "../../../../Constants";
import { createStyles } from "../../../../design/components/Styles/native/createStyles";
import Module712 from "../../../../_bundle/Module712";
import { BottomSheet } from "../../../../design/components/Sheet/native/BottomSheet.native";
import NotificationSettingsMockMessage from "./NotificationSettingsMockMessage";
import { Text } from "../../../../design/components/Text/native/Text";
import { intl, t } from "../../../../intl/index.native";
import { TableRadioGroup } from "../../../../design/components/TableRow/native/TableRadioGroup.native";
import { TableRadioRow } from "../../../../design/components/TableRow/native/TableRadioRow.native";
const useStyles = createStyles({
  sheet: {
    backgroundColor: Module712.colors.BACKGROUND_BASE_LOWEST
  },
  header: {
    padding: 24,
    paddingTop: 0
  },
  content: {
    backgroundColor: Module712.colors.BACKGROUND_BASE_LOWER,
    padding: 16
  },
  form: {
    marginTop: 8,
    marginBottom: 16
  }
});
export default function NotificationSettingsMessageNotificationActionSheet(props) {
  const styles = useStyles();
  return <BottomSheet startExpanded backgroundStyles={styles.sheet}>
    <View style={styles.header}>
      <NotificationSettingsMockMessage notificationSetting={props.value} />
    </View>
    <View style={styles.content}>
      <Text variant="text-sm/semibold">
        {intl.string(t["1m22ZB"])}
      </Text>
      <Text variant="text-xs/medium" color="text-muted" />
      <View style={styles.form}>
        <TableRadioGroup defaultValue={props.value} onChange={props.onChange} hasIcons={false}>
          <TableRadioRow label={intl.string(t["HVah/3"])} value={UserNotificationSettings.ALL_MESSAGES} subLabel={props.allMessagesSubLabel} />
          <TableRadioRow label={intl.string(t["tu+ZWJ"])} value={UserNotificationSettings.ONLY_MENTIONS} />
          <TableRadioRow label={intl.string(t.X4wWUi)} value={UserNotificationSettings.NO_MESSAGES} />
        </TableRadioGroup>
      </View>
    </View>
  </BottomSheet>;
};