// Metro module 10330 (f10331).
import { View } from "react-native";
import { UnreadSetting } from "../../../read_states/ReadStateConstants";
import { createStyles } from "../../../../design/components/Styles/native/createStyles";
import Module712 from "../../../../_bundle/Module712";
import { BottomSheet } from "../../../../design/components/Sheet/native/BottomSheet.native";
import NotificationSettingsMockChannels from "./NotificationSettingsMockChannels";
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 NotificationSettingsMessageUnreadActionSheet(props) {
  const styles = useStyles();
  return <BottomSheet startExpanded backgroundStyles={styles.sheet}>
    <View style={styles.header}>
      <NotificationSettingsMockChannels unreadSetting={props.value} />
    </View>
    <View style={styles.content}>
      <Text variant="text-sm/semibold">
        {intl.string(t.Tqd1Af)}
      </Text>
      <Text variant="text-xs/medium" color="text-muted">
        {intl.string(t.RpQgm5)}
      </Text>
      <View style={styles.form}>
        <TableRadioGroup defaultValue={props.value} onChange={props.onChange} hasIcons={false}>
          <TableRadioRow label={intl.string(t["HVah/3"])} value={UnreadSetting.ALL_MESSAGES} />
          <TableRadioRow subLabel={props.disabledMentionOnlyWithReason} disabled={props.disabledMentionOnlyWithReason != null} label={intl.string(t["tu+ZWJ"])} value={UnreadSetting.ONLY_MENTIONS} />
        </TableRadioGroup>
      </View>
    </View>
  </BottomSheet>;
};