// Metro module 10314 (f10315).
import { View } from "react-native";
import { createStyles } from "../../../../design/components/Styles/native/createStyles";
import Module712 from "../../../../_bundle/Module712";
import { Text } from "../../../../design/components/Text/native/Text";
import { Button } from "../../../../design/components/Button/native/Button.native";
import { intl, t } from "../../../../intl/index.native";
const useStyles = createStyles({
  card: {
    padding: 16,
    display: "flex",
    flexDirection: "row",
    alignItems: "center",
    justifyContent: "space-between",
    borderRadius: Module712.radii.lg + 8,
    backgroundColor: Module712.colors.BACKGROUND_BRAND
  }
});
export function NotificationSettingsMuteBanner(props) {
  return <View style={[props.style, useStyles().card]}>
    <View style={{
      flex: 1,
      marginRight: 8
    }}>
      <Text variant="text-md/semibold" color="text-overlay-light">{props.title}</Text>
      <Text variant="text-xs/medium" color="text-overlay-light">{props.subtitle}</Text>
    </View>
    <Button text={intl.string(t.YqAjXy)} onPress={props.onPressUnmute} variant="primary-overlay" />
  </View>;
}
export function getMuteBannerSubtitleFromConfig(a0) {
  return a0?.end_time == null ? intl.string(t["tFqP/P"]) : intl.formatToPlainString(t.C7m4oh, {
    endTime: new Date(a0.end_time).toLocaleString(intl.currentLocale, {
      month: "numeric",
      day: "numeric",
      hour: "numeric",
      minute: "2-digit"
    })
  });
}