import { memo } from 'react';
import { View } from 'react-native';
import { Text } from 'react-native-paper';
import { infoIcon } from '../../../core/assets/icons/xml';
import { SvgXml } from 'react-native-svg';
import { useStyles } from './styles';
import { ComponentID, PageID } from '../../enums';
import { useAmityComponent } from '../../hooks';
const AdInformation = ({
  pageId = PageID.WildCardPage,
  companyName
}) => {
  const componentId = ComponentID.post_content;
  const {
    accessibilityId,
    themeStyles
  } = useAmityComponent({
    pageId,
    componentId: componentId
  });
  const styles = useStyles(themeStyles);
  return /*#__PURE__*/React.createElement(View, {
    testID: accessibilityId,
    style: styles.container
  }, /*#__PURE__*/React.createElement(Text, {
    style: styles.header
  }, "About this advertisement"), /*#__PURE__*/React.createElement(View, {
    style: styles.divider
  }), /*#__PURE__*/React.createElement(View, {
    style: styles.content
  }, /*#__PURE__*/React.createElement(View, {
    style: styles.contentItem
  }, /*#__PURE__*/React.createElement(Text, {
    style: styles.contentTitle
  }, "Why this advertisement?"), /*#__PURE__*/React.createElement(View, {
    style: styles.contentDetail
  }, /*#__PURE__*/React.createElement(SvgXml, {
    style: styles.infoIcon,
    xml: infoIcon(),
    width: "16",
    height: "16"
  }), /*#__PURE__*/React.createElement(Text, {
    style: styles.contentDetailText
  }, "You're seeing this advertisement because it was displayed to all users in the system."))), /*#__PURE__*/React.createElement(View, {
    style: styles.contentItem
  }, /*#__PURE__*/React.createElement(Text, {
    style: styles.contentTitle
  }, "About this advertiser"), /*#__PURE__*/React.createElement(View, {
    style: styles.contentDetail
  }, /*#__PURE__*/React.createElement(SvgXml, {
    style: styles.infoIcon,
    xml: infoIcon(),
    width: "16",
    height: "16"
  }), /*#__PURE__*/React.createElement(Text, {
    style: styles.contentDetailText
  }, "Advertiser name: ", companyName)))));
};
export default /*#__PURE__*/memo(AdInformation);
//# sourceMappingURL=AdInformation.js.map