"use strict";

Object.defineProperty(exports, "__esModule", {
  value: true
});
exports.default = exports.WithHeightModified = exports.LargeStory = exports.IntegrationWithFlexbox = exports.DefaultStory = exports.ActiveStory = void 0;
var _react = _interopRequireDefault(require("react"));
var _styledComponents = _interopRequireDefault(require("styled-components"));
var _ = require("../..");
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
var Container = _styledComponents.default.div.withConfig({
  displayName: "TabTitlestories__Container",
  componentId: "sc-kfnrg2-0"
})(["display:inline-flex;"]);
var _default = exports.default = {
  title: 'Atoms / TabTitle',
  parameters: {
    component: _.TabTitle
  }
};
var DefaultStory = exports.DefaultStory = {
  render: function render() {
    return _react.default.createElement(Container, null, _react.default.createElement(_.TabTitle, null, "This is tab title"));
  },
  name: 'Default'
};
var LargeStory = exports.LargeStory = {
  render: function render() {
    return _react.default.createElement(Container, null, _react.default.createElement(_.TabTitle, {
      variant: "large"
    }, "This is large tab title"));
  },
  name: 'Large'
};
var ActiveStory = exports.ActiveStory = {
  render: function render() {
    return _react.default.createElement(Container, null, _react.default.createElement(_.TabTitle, {
      active: true
    }, "This is tab title"));
  },
  name: 'Active'
};
var WithHeightModified = exports.WithHeightModified = {
  render: function render() {
    return _react.default.createElement(Container, null, _react.default.createElement(_.TabTitle, {
      height: 11,
      active: true
    }, "This is tab title"));
  },
  name: 'With height modified'
};
var IntegrationWithFlexbox = exports.IntegrationWithFlexbox = {
  render: function render() {
    return _react.default.createElement(_.Flexbox, {
      container: true,
      direction: "row"
    }, _react.default.createElement(_.Flexbox, {
      item: true
    }, _react.default.createElement(Container, null, _react.default.createElement(_.TabTitle, null, "TabTitle1"))), _react.default.createElement(_.Flexbox, {
      item: true
    }, _react.default.createElement(Container, null, _react.default.createElement(_.TabTitle, {
      active: true
    }, "TabTitle2"))), _react.default.createElement(_.Flexbox, {
      item: true
    }, _react.default.createElement(Container, null, _react.default.createElement(_.TabTitle, null, "TabTitle3"))));
  },
  name: 'Integration: with Flexbox'
};