import { useStyles } from './styles';
import { SafeAreaView } from 'react-native-safe-area-context';
import { useRoute } from '@react-navigation/native';
import { Typography } from '../../../../core/components/Typography/Typography';
import { View } from 'react-native';
import { SvgXml } from 'react-native-svg';
import { ban, terminated, trash, warning } from '../../../../core/assets/icons';
import { LivestreamTerminatedActionButton } from '../../../elements/LivestreamTerminatedActionButton';
import { PageID } from '../../../enums';
function AmityLivestreamTerminatedPage() {
  const {
    styles,
    theme
  } = useStyles();
  const route = useRoute();
  const {
    type
  } = route.params;
  const isStreamerView = type === 'streamer';
  return /*#__PURE__*/React.createElement(SafeAreaView, {
    style: styles.container
  }, /*#__PURE__*/React.createElement(View, null, /*#__PURE__*/React.createElement(View, {
    style: styles.header
  }, /*#__PURE__*/React.createElement(Typography.TitleBold, {
    style: styles.base
  }, "Live terminated")), /*#__PURE__*/React.createElement(View, {
    style: styles.content
  }, /*#__PURE__*/React.createElement(SvgXml, {
    width: 56,
    height: 56,
    color: theme.colors.base,
    xml: isStreamerView ? warning() : terminated()
  }), /*#__PURE__*/React.createElement(Typography.Headline, {
    style: [styles.center, styles.base]
  }, isStreamerView ? 'Your live stream has been \nterminated.' : 'The live stream has been \nterminated.'), /*#__PURE__*/React.createElement(Typography.Body, {
    style: [styles.center, styles.baseShade1]
  }, isStreamerView ? 'It looks like your live stream goes against our \ncontent moderation guidelines.' : " It looks like the live stream you're watching goes \nagainst our content moderation guidelines.")), /*#__PURE__*/React.createElement(View, {
    style: styles.info
  }, /*#__PURE__*/React.createElement(Typography.BodyBold, {
    style: [styles.base]
  }, "What does it mean?"), isStreamerView && /*#__PURE__*/React.createElement(View, {
    style: styles.flexRow
  }, /*#__PURE__*/React.createElement(SvgXml, {
    width: 28,
    height: 28,
    xml: ban(),
    color: theme.colors.base
  }), /*#__PURE__*/React.createElement(View, {
    style: styles.textContainer
  }, /*#__PURE__*/React.createElement(Typography.Body, {
    style: [styles.base]
  }, "The live stream has also been terminated for all your viewers."))), /*#__PURE__*/React.createElement(View, {
    style: styles.flexRow
  }, /*#__PURE__*/React.createElement(SvgXml, {
    width: 28,
    height: 28,
    xml: trash(),
    color: theme.colors.base
  }), /*#__PURE__*/React.createElement(View, {
    style: styles.textContainer
  }, /*#__PURE__*/React.createElement(Typography.Body, {
    style: [styles.base]
  }, "There will be no playback of this live stream on any feeds."))))), /*#__PURE__*/React.createElement(View, {
    style: styles.footer
  }, /*#__PURE__*/React.createElement(LivestreamTerminatedActionButton, {
    pageId: PageID.livestream_terminated_page
  })));
}
export default AmityLivestreamTerminatedPage;
//# sourceMappingURL=Terminated.js.map