"use strict";

Object.defineProperty(exports, "__esModule", {
  value: true
});
exports["default"] = void 0;

var _fdx = require("@whalecloud/fdx");

var _react = _interopRequireDefault(require("react"));

var _SearchInput = _interopRequireDefault(require("./components/SearchInput"));

require("./index.less");

function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }

/* eslint-disable */
var SearchBox = function SearchBox(props) {
  var showCot = props.showCot;
  return /*#__PURE__*/_react["default"].createElement("div", {
    className: "mSearchBoxLayout ".concat(showCot === 'inList' ? 'mEcomContent' : ''),
    style: showCot === 'inList' ? {
      width: '100%',
      overflow: 'hidden'
    } : {}
  }, /*#__PURE__*/_react["default"].createElement(_fdx.Row, {
    type: "flex",
    justify: "start"
  }, /*#__PURE__*/_react["default"].createElement(_fdx.Col, {
    xs: 8,
    sm: 8,
    md: 8
  }, /*#__PURE__*/_react["default"].createElement(_fdx.Row, {
    type: "flex",
    justify: "start"
  }, /*#__PURE__*/_react["default"].createElement("a", {
    className: "logo"
  }, "Ecommerce"), /*#__PURE__*/_react["default"].createElement("div", {
    style: {
      cursor: 'pointer'
    }
  }, /*#__PURE__*/_react["default"].createElement("div", {
    className: "logoTitle"
  }, "eCommerce"), /*#__PURE__*/_react["default"].createElement("div", {
    className: "logoContent"
  }, "Enjoy your lifestyle with us")))), /*#__PURE__*/_react["default"].createElement(_fdx.Col, {
    xs: 16,
    sm: 16,
    md: 16,
    style: {
      display: 'flex'
    }
  }, /*#__PURE__*/_react["default"].createElement(_fdx.Row, {
    style: {
      width: '100%'
    }
  }, /*#__PURE__*/_react["default"].createElement(_fdx.Col, {
    span: 24,
    style: {
      display: 'flex',
      width: '100%'
    }
  }, /*#__PURE__*/_react["default"].createElement(_fdx.Row, {
    type: "flex",
    style: {
      width: '100%'
    }
  }, /*#__PURE__*/_react["default"].createElement(_SearchInput["default"], null), /*#__PURE__*/_react["default"].createElement("div", {
    className: "shopButton"
  }, /*#__PURE__*/_react["default"].createElement("span", {
    className: "shoppingCartIcon"
  }), /*#__PURE__*/_react["default"].createElement("span", {
    className: "shoppingCart"
  }, "Shopping Cart")))), /*#__PURE__*/_react["default"].createElement(_fdx.Col, {
    span: 24,
    style: {
      marginTop: '4px',
      fontSize: '12px',
      color: '#8c8c8c',
      paddingLeft: '12px'
    }
  }, /*#__PURE__*/_react["default"].createElement("span", {
    className: "hotWords"
  }, " iPhone X "), /*#__PURE__*/_react["default"].createElement(_fdx.Divider, {
    type: "vertical",
    style: {
      margin: '0 12px'
    }
  }), /*#__PURE__*/_react["default"].createElement("span", {
    className: "hotWords"
  }, " SmartPhone "))))));
};

var _default = SearchBox;
exports["default"] = _default;