import { SafeAreaView } from 'react-native-safe-area-context';
import { useStyles } from './styles';
import { Typography } from '../../../core/components/Typography/Typography';
import { View } from 'react-native';
import { SvgXml } from 'react-native-svg';
import { warning } from '../../../core/assets/icons';
export function GlobalBan() {
  const {
    styles,
    theme
  } = useStyles();
  return /*#__PURE__*/React.createElement(SafeAreaView, {
    style: styles.container,
    edges: ['top', 'left']
  }, /*#__PURE__*/React.createElement(View, {
    style: styles.container
  }, /*#__PURE__*/React.createElement(View, {
    style: styles.titleContainer
  }, /*#__PURE__*/React.createElement(Typography.TitleBold, {
    style: styles.title
  }, "Community")), /*#__PURE__*/React.createElement(View, {
    style: styles.contentContainer
  }, /*#__PURE__*/React.createElement(SvgXml, {
    width: 56,
    height: 56,
    xml: warning(),
    color: theme.colors.base
  }), /*#__PURE__*/React.createElement(Typography.Headline, {
    style: styles.title
  }, "You've been banned."), /*#__PURE__*/React.createElement(Typography.Body, {
    style: styles.body
  }, "Based on your previous activities, your account has been banned from all feeds."))));
}
//# sourceMappingURL=GlobalBan.js.map