respond-framework/dist/modules/replayTools/widgets/Tab.js

create as fast you think

"use strict";

Object.defineProperty(exports, "__esModule", {
  value: true
});
exports.default = void 0;
var React = require("react");
var _reactNative = require("react-native");
var _Pressable = require("./Pressable.js");
var _styles = require("../styles.js");
const Tab = ({
  event,
  text,
  active
}) => {
  const sc = active ? text === 'Events' ? s.cae : s.ca : s.c;
  const a2 = active;
  return /*#__PURE__*/React.createElement(_Pressable.default, {
    style: sc,
    event: event,
    disabled: active
  }, /*#__PURE__*/React.createElement(_reactNative.Text, {
    style: a2 ? s.ta : s.t,
    numberOfLines: 1
  }, text));
};
var _default = exports.default = Tab;
const s = _reactNative.StyleSheet.create({
  c: {
    flex: 1,
    paddingVertical: 10
  },
  ca: {
    flex: 1,
    paddingVertical: 10,
    backgroundColor: _styles.colors.greyDark
  },
  cae: {
    flex: 1,
    paddingVertical: 10,
    backgroundColor: _styles.colors.navy
  },
  t: {
    fontSize: 15,
    textAlign: 'center',
    color: _styles.colors.whiteDark
  },
  ta: {
    fontSize: 15,
    textAlign: 'center',
    color: 'white'
  }
});