"use strict";

var __importDefault = this && this.__importDefault || function (mod) {
  return mod && mod.__esModule ? mod : {
    "default": mod
  };
};

Object.defineProperty(exports, "__esModule", {
  value: true
});

const react_1 = __importDefault(require("react"));

const styled_1 = require("./styled");

const Tab = ({
  isAsync,
  onClick
}) => react_1.default.createElement(styled_1.StyledTabList, null, react_1.default.createElement(styled_1.StyledTab, {
  isActive: isAsync,
  onClick: () => onClick(true)
}, "Async mode"), react_1.default.createElement(styled_1.StyledTab // @note @example of jss vs styled
// style={Object.assign({}, style.content, !isAsync ? style.active : null)}
, {
  // @note @example of jss vs styled
  // style={Object.assign({}, style.content, !isAsync ? style.active : null)}
  isActive: isAsync,
  onClick: () => onClick(false)
}, "Sync mode"));

exports.default = Tab; //# sourceMappingURL=Tab.js.map