"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.BtnAction = exports.BtnContainer = exports.TextContent = exports.TitleText = exports.ModalContainer = exports.FontAwesomeIconItem = exports.Modal = exports.Opacity = exports.Container = void 0;
var react_native_1 = require("react-native");
var react_native_responsive_fontsize_1 = require("react-native-responsive-fontsize");
var react_native_fontawesome_1 = require("@fortawesome/react-native-fontawesome");
var native_1 = __importDefault(require("styled-components/native"));
var RFValue_1 = require("../../RFValue");
var TextNative_1 = require("../../TextNative");
exports.Container = native_1.default.Modal(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n   flex: 1;\n   position: absolute;\n   width: 100%;\n   height: 100%;\n   top: 0px;\n   left: 0px;\n   right: 0px;\n   bottom: 0px;\n"], ["\n   flex: 1;\n   position: absolute;\n   width: 100%;\n   height: 100%;\n   top: 0px;\n   left: 0px;\n   right: 0px;\n   bottom: 0px;\n"])));
exports.Opacity = native_1.default(react_native_1.Animated.View)(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n   position: absolute;\n   width: 100%;\n   height: 100%;\n   top: 0px;\n   left: 0px;\n   right: 0px;\n   bottom: 0px;\n   z-index: 1;\n   opacity: 0.5;\n   background: black;\n"], ["\n   position: absolute;\n   width: 100%;\n   height: 100%;\n   top: 0px;\n   left: 0px;\n   right: 0px;\n   bottom: 0px;\n   z-index: 1;\n   opacity: 0.5;\n   background: black;\n"])));
exports.Modal = native_1.default.View(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n   background: white;\n   width: 90%;\n   align-self: center;\n   border-radius: 10px;\n   padding: ", "px ", "px;\n"], ["\n   background: white;\n   width: 90%;\n   align-self: center;\n   border-radius: 10px;\n   padding: ", "px ", "px;\n"])), RFValue_1.RSValue(20), RFValue_1.RSValue(25));
exports.FontAwesomeIconItem = native_1.default(react_native_fontawesome_1.FontAwesomeIcon).attrs({
    size: react_native_responsive_fontsize_1.RFValue(37),
})(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n   margin-bottom: ", "px;\n   align-self: center;\n"], ["\n   margin-bottom: ", "px;\n   align-self: center;\n"])), RFValue_1.RSValue(20));
exports.ModalContainer = native_1.default(react_native_1.Animated.View)(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n   flex: 1;\n   z-index: 2;\n   justify-content: center;\n"], ["\n   flex: 1;\n   z-index: 2;\n   justify-content: center;\n"])));
exports.TitleText = native_1.default(TextNative_1.TextNative).attrs({})(templateObject_6 || (templateObject_6 = __makeTemplateObject(["\n   color: ", ";\n   font-size: ", "px;\n   padding-bottom: ", "px;\n   text-align: center;\n"], ["\n   color: ", ";\n   font-size: ", "px;\n   padding-bottom: ", "px;\n   text-align: center;\n"])), function (props) { return props.color; }, react_native_responsive_fontsize_1.RFValue(18), RFValue_1.RSValue(10));
exports.TextContent = native_1.default(TextNative_1.TextNative)(templateObject_7 || (templateObject_7 = __makeTemplateObject(["\n   font-size: ", "px;\n   color: #555;\n   text-align: center;\n"], ["\n   font-size: ", "px;\n   color: #555;\n   text-align: center;\n"])), react_native_responsive_fontsize_1.RFValue(15));
exports.BtnContainer = native_1.default.View(templateObject_8 || (templateObject_8 = __makeTemplateObject(["\n   justify-content: flex-end;\n   flex-direction: row;\n   width: 100%;\n   margin-top: ", "px;\n"], ["\n   justify-content: flex-end;\n   flex-direction: row;\n   width: 100%;\n   margin-top: ", "px;\n"])), RFValue_1.RSValue(15));
exports.BtnAction = native_1.default(TextNative_1.TextNative).attrs({ bold: true })(templateObject_9 || (templateObject_9 = __makeTemplateObject(["\n   font-size: ", "px;\n   margin-left: ", "px;\n   padding: ", "px ", "px;\n   text-transform: uppercase;\n   color: ", ";\n"], ["\n   font-size: ", "px;\n   margin-left: ", "px;\n   padding: ", "px ", "px;\n   text-transform: uppercase;\n   color: ", ";\n"])), react_native_responsive_fontsize_1.RFValue(16), RFValue_1.RSValue(10), RFValue_1.RSValue(10), RFValue_1.RSValue(10), function (props) { return props.color; });
var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5, templateObject_6, templateObject_7, templateObject_8, templateObject_9;
//# sourceMappingURL=Alert.style.js.map