"use strict";
var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
    return cooked;
};
var __importDefault = (this && this.__importDefault) || function (mod) {
    return (mod && mod.__esModule) ? mod : { "default": mod };
};
Object.defineProperty(exports, "__esModule", { value: true });
exports.TabActive = exports.Tab = exports.TabContainer = exports.Container = void 0;
var react_native_responsive_fontsize_1 = require("react-native-responsive-fontsize");
var native_1 = __importDefault(require("styled-components/native"));
var Pressable_1 = require("../../Pressable");
var RFValue_1 = require("../../RFValue");
var TextNative_1 = require("../../TextNative");
exports.Container = native_1.default.View(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n   flex-direction: row;\n"], ["\n   flex-direction: row;\n"])));
exports.TabContainer = native_1.default(Pressable_1.Pressable)(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n   height: ", "px;\n   align-items: center;\n   align-content: center;\n   justify-content: center;\n"], ["\n   height: ", "px;\n   align-items: center;\n   align-content: center;\n   justify-content: center;\n"])), RFValue_1.RSValue(50));
exports.Tab = native_1.default(TextNative_1.TextNative).attrs({
    bold: true,
})(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n   height: ", "px;\n   line-height: ", "px;\n   padding: 0px ", "px;\n   align-self: center;\n   font-size: ", "px;\n   text-transform: uppercase;\n   border-radius: 200px;\n   color: ", ";\n   border: 1px solid transparent;\n   z-index: 10;\n   ", ";\n   ", ";\n   ", ";\n"], ["\n   height: ", "px;\n   line-height: ", "px;\n   padding: 0px ", "px;\n   align-self: center;\n   font-size: ", "px;\n   text-transform: uppercase;\n   border-radius: 200px;\n   color: ", ";\n   border: 1px solid transparent;\n   z-index: 10;\n   ", ";\n   ", ";\n   ", ";\n"])), RFValue_1.RSValue(35), RFValue_1.RSValue(35), RFValue_1.RSValue(15), react_native_responsive_fontsize_1.RFValue(13), function (props) { var _a, _b, _c; return (_c = (_b = (_a = props.theme) === null || _a === void 0 ? void 0 : _a.tabs) === null || _b === void 0 ? void 0 : _b.textColor) !== null && _c !== void 0 ? _c : '#999'; }, function (props) { var _a, _b, _c; return props.skeleton && "background: " + ((_c = (_b = (_a = props.theme) === null || _a === void 0 ? void 0 : _a.tabs) === null || _b === void 0 ? void 0 : _b.textColor) !== null && _c !== void 0 ? _c : '#999') + ";"; }, function (props) { return props.skeleton && "opacity: 0.5;"; }, function (props) { return props.skeleton && "color: transparent;"; });
exports.TabActive = native_1.default(exports.Tab)(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n   color: ", ";\n   ", ";\n   background: transparent;\n"], ["\n   color: ", ";\n   ", ";\n   background: transparent;\n"])), function (props) { var _a, _b, _c; return (_c = (_b = (_a = props.theme) === null || _a === void 0 ? void 0 : _a.tabs) === null || _b === void 0 ? void 0 : _b.textActiveColor) !== null && _c !== void 0 ? _c : 'white'; }, function (props) { var _a, _b, _c; return props.skeleton && "color: " + ((_c = (_b = (_a = props.theme) === null || _a === void 0 ? void 0 : _a.tabs) === null || _b === void 0 ? void 0 : _b.backgroundActiveColor) !== null && _c !== void 0 ? _c : 'black') + ";"; });
var templateObject_1, templateObject_2, templateObject_3, templateObject_4;
//# sourceMappingURL=Tabs.style.js.map