"use strict";

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

const tslib_1 = require("tslib");

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

const classnames_1 = tslib_1.__importDefault(require("classnames"));

const fixtures_1 = require("./fixtures");

class TabItem extends react_1.default.PureComponent {
  render() {
    // index
    const {
      title,
      onClick,
      isSelected,
      qa,
      ariaControl
    } = this.props;
    const dynamic = {
      selected: isSelected,
      unselected: isSelected === false
    };
    const className = classnames_1.default(this.props.className, fixtures_1.tabClasses.tabItem, dynamic);
    const attributes = {
      key: title,
      className,
      onClick,
      role: 'tab',
      'aria-controls': ariaControl,
      'aria-selected': isSelected,
      'data-qa': 'qa-' + qa
    };
    return react_1.default.createElement('a', attributes, title.toLowerCase());
  }

}

TabItem.defaultProps = {
  title: '',
  qa: ''
};
exports.TabItem = TabItem;
exports.default = TabItem; //# sourceMappingURL=TabItem.js.map