import { Col, Divider, Row } from '@whalecloud/fdx';
import appStore from '@whalecloud/magic-box-themes/assets/eshopw/imgs/appStore.png';
import facebookLog from '@whalecloud/magic-box-themes/assets/eshopw/imgs/facebookLog.svg';
import googlePlay from '@whalecloud/magic-box-themes/assets/eshopw/imgs/googlePlay.png';
import inLog from '@whalecloud/magic-box-themes/assets/eshopw/imgs/inLog.svg';
import insLog from '@whalecloud/magic-box-themes/assets/eshopw/imgs/insLog.svg';
import twitterLog from '@whalecloud/magic-box-themes/assets/eshopw/imgs/twitterLog.svg';
import React from 'react';
import './index.less';

var Footer = function Footer(props) {
  return /*#__PURE__*/React.createElement("div", {
    className: "mFooterLayout"
  }, /*#__PURE__*/React.createElement("div", {
    className: props.showCot === 'inList' ? 'mEcomContent' : '',
    style: props.showCot === 'inList' ? {
      width: '100%',
      overflow: 'hidden'
    } : {}
  }, /*#__PURE__*/React.createElement(Row, {
    type: "flex",
    justify: "start",
    style: {
      marginBottom: '48px'
    }
  }, /*#__PURE__*/React.createElement(Col, {
    xs: 16,
    sm: 16,
    md: 16,
    className: "left"
  }, /*#__PURE__*/React.createElement(Row, {
    type: "flex",
    justify: "start"
  }, /*#__PURE__*/React.createElement(Col, {
    xs: 8,
    sm: 8,
    md: 8
  }, /*#__PURE__*/React.createElement("h3", {
    className: "footerTitle"
  }, "PRODUCT & SERVICE"), /*#__PURE__*/React.createElement("div", {
    className: "footerRowItem"
  }, "Number Reservation"), /*#__PURE__*/React.createElement("div", {
    className: "footerRowItem"
  }, "Purchase Promo"), /*#__PURE__*/React.createElement("div", {
    className: "footerRowItem"
  }, "Lifestyle Bundle"), /*#__PURE__*/React.createElement("div", {
    className: "footerRowItem"
  }, "Add-Ons")), /*#__PURE__*/React.createElement(Col, {
    xs: 8,
    sm: 8,
    md: 8
  }, /*#__PURE__*/React.createElement("h3", {
    className: "footerTitle"
  }, "SHOP"), /*#__PURE__*/React.createElement("div", {
    className: "footerRowItem"
  }, "Phones"), /*#__PURE__*/React.createElement("div", {
    className: "footerRowItem"
  }, "Phone Plans"), /*#__PURE__*/React.createElement("div", {
    className: "footerRowItem"
  }, "VC"), /*#__PURE__*/React.createElement("div", {
    className: "footerRowItem"
  }, "Accessories"), /*#__PURE__*/React.createElement("div", {
    className: "footerRowItem"
  }, "Add-Ons"), /*#__PURE__*/React.createElement("div", {
    className: "footerRowItem"
  }, "Packages")), /*#__PURE__*/React.createElement(Col, {
    xs: 8,
    sm: 8,
    md: 8
  }, /*#__PURE__*/React.createElement("h3", {
    className: "footerTitle"
  }, "HELP & SUPPORT"), /*#__PURE__*/React.createElement("div", {
    className: "footerRowItem"
  }, "Contact Us"), /*#__PURE__*/React.createElement("div", {
    className: "footerRowItem"
  }, "Trouble Ticket"), /*#__PURE__*/React.createElement("div", {
    className: "footerRowItem"
  }, "Troubleshooting")))), /*#__PURE__*/React.createElement(Col, {
    xs: 8,
    sm: 8,
    md: 8,
    style: {
      paddingLeft: '65px'
    }
  }, /*#__PURE__*/React.createElement("div", {
    className: "ecom-column-flex ant-row-flex-center"
  }, /*#__PURE__*/React.createElement(Row, {
    type: "flex",
    justify: "start",
    style: {
      marginBottom: '19px'
    }
  }, /*#__PURE__*/React.createElement("a", {
    href: "#",
    className: "logo"
  }, "Ecommerce"), /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement("div", {
    className: "logoTitle"
  }, "eCommerce"), /*#__PURE__*/React.createElement("div", {
    className: "logoContent"
  }, "Enjoy your lifestyle with us"))), /*#__PURE__*/React.createElement(Row, {
    type: "flex",
    justify: "start",
    style: {
      marginBottom: '25px'
    }
  }, /*#__PURE__*/React.createElement("img", {
    src: appStore,
    alt: ""
  }), /*#__PURE__*/React.createElement("img", {
    src: googlePlay,
    alt: ""
  })), /*#__PURE__*/React.createElement(Row, {
    type: "flex",
    justify: "start",
    className: "followUs"
  }, "Follow Us"), /*#__PURE__*/React.createElement(Row, {
    type: "flex",
    justify: "start"
  }, /*#__PURE__*/React.createElement("img", {
    src: twitterLog,
    alt: ""
  }), /*#__PURE__*/React.createElement("img", {
    src: facebookLog,
    alt: "",
    style: {
      marginLeft: '12px'
    }
  }), /*#__PURE__*/React.createElement("img", {
    src: insLog,
    alt: "",
    style: {
      marginLeft: '12px'
    }
  }), /*#__PURE__*/React.createElement("img", {
    src: inLog,
    alt: "",
    style: {
      marginLeft: '12px'
    }
  }))))), /*#__PURE__*/React.createElement(Row, {
    type: "flex",
    justify: "space-between"
  }, /*#__PURE__*/React.createElement("div", {
    className: "copyRight"
  }, "Copyright \xA9 2019 DITO Inc. All rights reserved."), /*#__PURE__*/React.createElement(Row, {
    type: "flex",
    justify: "start",
    className: "copyRightComments",
    style: {
      "float": 'right'
    }
  }, /*#__PURE__*/React.createElement("div", null, "Privacy Policy"), /*#__PURE__*/React.createElement(Divider, {
    type: "vertical"
  }), /*#__PURE__*/React.createElement("div", null, "Terms of conditons"), /*#__PURE__*/React.createElement(Divider, {
    type: "vertical"
  }), /*#__PURE__*/React.createElement("div", null, "Sales and Refunds"), /*#__PURE__*/React.createElement(Divider, {
    type: "vertical"
  }), /*#__PURE__*/React.createElement("div", null, "Legal")))));
};

export default Footer;