"use strict";

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

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

var _propTypes = _interopRequireDefault(require("prop-types"));

var _TabModule = _interopRequireDefault(require("./Tab.module.css"));

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

function Tab(props) {
  var style = props.style,
      variant = props.variant,
      size = props.size,
      startIcon = props.startIcon,
      endIcon = props.endIcon,
      leftAction = props.leftAction,
      rightAction = props.rightAction,
      disabled = props.disabled,
      align = props.align;
  return /*#__PURE__*/_react["default"].createElement("div", {
    className: _TabModule["default"].tabContainer + " " + _TabModule["default"][size] + " " + _TabModule["default"][variant] + " " + _TabModule["default"][align]
  }, leftAction ? /*#__PURE__*/_react["default"].createElement("div", {
    className: _TabModule["default"].leftAction
  }, "Action") : null, /*#__PURE__*/_react["default"].createElement("div", {
    className: _TabModule["default"].tab + " " + "".concat(disabled ? _TabModule["default"].disabled : null)
  }, "Tab 1"), /*#__PURE__*/_react["default"].createElement("div", {
    className: _TabModule["default"].tab + " " + _TabModule["default"].active
  }, startIcon ? /*#__PURE__*/_react["default"].createElement("span", {
    className: _TabModule["default"].start_icon
  }, "i") : null, "Tab 2", endIcon ? /*#__PURE__*/_react["default"].createElement("span", {
    className: _TabModule["default"].end_icon
  }, "i") : null), /*#__PURE__*/_react["default"].createElement("div", {
    className: _TabModule["default"].tab
  }, "Tab 3"), rightAction ? /*#__PURE__*/_react["default"].createElement("div", {
    className: _TabModule["default"].rightAction
  }, "Action") : null);
}

Tab.defaultProps = {
  label: "Label Text"
};

if (false) {
  Tab.docs = {
    componentGroup: "Atom"
  };
}