@zohodesk/dot/lib/v1/setup/header/Views/Views.js

In this Library, we Provide Some Basic Components to Build Your Application

"use strict";

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

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

var _defaultProps = require("./props/defaultProps");

var _propTypes = require("./props/propTypes");

var _ViewsModule = _interopRequireDefault(require("../../../../setup/header/Views/Views.module.css"));

var _icons = require("@zohodesk/icons");

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

function Views(props) {
  var isGrid = props.isGrid,
      isList = props.isList,
      gridTitle = props.gridTitle,
      listTitle = props.listTitle,
      onListClick = props.onListClick,
      onGridClick = props.onGridClick;
  return /*#__PURE__*/_react["default"].createElement("span", {
    className: _ViewsModule["default"].container
  }, /*#__PURE__*/_react["default"].createElement("span", {
    className: "".concat(_ViewsModule["default"].icon, " ").concat(_ViewsModule["default"].first, " ").concat(isList ? _ViewsModule["default"].active : ''),
    "data-title": !isList ? listTitle : null,
    onClick: onListClick
  }, /*#__PURE__*/_react["default"].createElement(_icons.Icon, {
    name: "ZD-list22",
    size: "10"
  })), /*#__PURE__*/_react["default"].createElement("span", {
    className: "".concat(_ViewsModule["default"].icon, " ").concat(_ViewsModule["default"].last, "  ").concat(isGrid ? _ViewsModule["default"].active : ''),
    "data-title": !isGrid ? gridTitle : null,
    onClick: onGridClick
  }, /*#__PURE__*/_react["default"].createElement(_icons.Icon, {
    name: "ZD-grid",
    size: "11"
  })));
}

Views.propTypes = _propTypes.propTypes;
Views.defaultProps = _defaultProps.defaultProps;