"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.TextFilterBtn = exports.FilterBtn = exports.BackBtn = exports.ClearBtn = exports.FilterTitle = exports.HeaderFilters = exports.Container = void 0;
var react_native_1 = require("react-native");
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");
var ITheme_1 = require("../../../AppProvider/ITheme");
exports.Container = native_1.default(react_native_1.Animated.View)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n   position: absolute;\n   width: 100%;\n   height: 100%;\n   z-index: 101;\n   top: 0px;\n   left: 0px;\n   right: 0px;\n   bottom: 0px;\n   flex: 1;\n   background: #f5f5f5;\n"], ["\n   position: absolute;\n   width: 100%;\n   height: 100%;\n   z-index: 101;\n   top: 0px;\n   left: 0px;\n   right: 0px;\n   bottom: 0px;\n   flex: 1;\n   background: #f5f5f5;\n"])));
exports.HeaderFilters = native_1.default.View(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n   flex-direction: row;\n   align-items: center;\n   padding: ", "px ", "px;\n"], ["\n   flex-direction: row;\n   align-items: center;\n   padding: ", "px ", "px;\n"])), RFValue_1.RSValue(5), RFValue_1.RSValue(20));
exports.FilterTitle = native_1.default(TextNative_1.TextNative).attrs({
    bold: true,
})(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n   color: #000;\n   font-size: ", "px;\n   flex: 1;\n"], ["\n   color: #000;\n   font-size: ", "px;\n   flex: 1;\n"])), react_native_responsive_fontsize_1.RFValue(24));
exports.ClearBtn = native_1.default(TextNative_1.TextNative).attrs({
    bold: true,
})(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n   color: ", ";\n   font-size: ", "px;\n"], ["\n   color: ", ";\n   font-size: ", "px;\n"])), function (props) { return props.theme.primary || ITheme_1.themeDefault.primary; }, react_native_responsive_fontsize_1.RFValue(15));
exports.BackBtn = native_1.default(Pressable_1.Pressable)(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n   padding: ", "px ", "px;\n"], ["\n   padding: ", "px ", "px;\n"])), RFValue_1.RSValue(15), RFValue_1.RSValue(20));
exports.FilterBtn = native_1.default.View(templateObject_6 || (templateObject_6 = __makeTemplateObject(["\n   padding: ", "px ", "px;\n"], ["\n   padding: ", "px ", "px;\n"])), RFValue_1.RSValue(12), RFValue_1.RSValue(20));
exports.TextFilterBtn = native_1.default(TextNative_1.TextNative).attrs({
    color: 'white',
    bold: true,
})(templateObject_7 || (templateObject_7 = __makeTemplateObject(["\n   font-size: ", "px;\n   align-self: center;\n"], ["\n   font-size: ", "px;\n   align-self: center;\n"])), RFValue_1.RSValue(15));
var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5, templateObject_6, templateObject_7;
//# sourceMappingURL=FiltersContainer.style.js.map