blockstack-ui/dist/components/tabs/index.js

Blockstack UI components built with css-in-js and styled-system.

"use strict";

var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");

var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));

var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutPropertiesLoose"));

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

var _primitives = require("../primitives");

var _typography = require("../typography");

var Tab = function Tab(_ref) {
  var children = _ref.children,
      _ref$active = _ref.active,
      active = _ref$active === void 0 ? undefined : _ref$active,
      rest = (0, _objectWithoutPropertiesLoose2.default)(_ref, ["children", "active"]);
  return _react.default.createElement(_primitives.Flex, (0, _extends2.default)({
    alignItems: "center",
    justifyContent: "center",
    py: 3,
    px: 4,
    active: active
  }, rest), _react.default.createElement(_typography.Type, {
    fontSize: 1,
    fontWeight: 400,
    display: "inline-flex",
    alignItems: "center",
    justifyContent: "center"
  }, children));
};