react-native-app-notification
Version:
In-app custom notifications for React-Native
38 lines (37 loc) • 3.69 kB
JavaScript
"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 __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
if (k2 === undefined) k2 = k;
Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
}) : (function(o, m, k, k2) {
if (k2 === undefined) k2 = k;
o[k2] = m[k];
}));
var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
Object.defineProperty(o, "default", { enumerable: true, value: v });
}) : function(o, v) {
o["default"] = v;
});
var __importStar = (this && this.__importStar) || function (mod) {
if (mod && mod.__esModule) return mod;
var result = {};
if (mod != null) for (var k in mod) if (k !== "default" && Object.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
__setModuleDefault(result, mod);
return result;
};
Object.defineProperty(exports, "__esModule", { value: true });
exports.RightContainer = exports.LeftContainer = exports.BaseImage = exports.Message = exports.Title = exports.TextContainer = exports.Card = exports.cardShadow = void 0;
var react_native_1 = require("react-native");
var native_1 = __importStar(require("styled-components/native"));
exports.cardShadow = native_1.css(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n shadow-color: #948aa5;\n shadow-offset: 0px 4px;\n shadow-opacity: 0.22;\n shadow-radius: 6px;\n elevation: 3;\n"], ["\n shadow-color: #948aa5;\n shadow-offset: 0px 4px;\n shadow-opacity: 0.22;\n shadow-radius: 6px;\n elevation: 3;\n"])));
exports.Card = native_1.default(react_native_1.TouchableOpacity)(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n background-color: white;\n ", ";\n padding: ", "px ", "px;\n border-radius: 12px;\n margin: 0 ", "px;\n margin-bottom: ", "px;\n"], ["\n background-color: white;\n ", ";\n padding: ", "px ", "px;\n border-radius: 12px;\n margin: 0 ", "px;\n margin-bottom: ", "px;\n"])), exports.cardShadow, 8 * 2, 8 * 2, 8 * 2, 8 / 2);
exports.TextContainer = native_1.default.View(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n flex: 1;\n justify-content: center;\n"], ["\n flex: 1;\n justify-content: center;\n"])));
exports.Title = native_1.default(react_native_1.Text)(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n font-size: 12px;\n text-transform: uppercase;\n"], ["\n font-size: 12px;\n text-transform: uppercase;\n"])));
exports.Message = native_1.default(react_native_1.Text)(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n font-size: 14px;\n line-height: ", "px;\n"], ["\n font-size: 14px;\n line-height: ", "px;\n"])), 14 * 1.3);
exports.BaseImage = native_1.default.Image(templateObject_6 || (templateObject_6 = __makeTemplateObject(["\n height: 34px;\n width: 34px;\n border-radius: 2px;\n margin-right: 8px;\n"], ["\n height: 34px;\n width: 34px;\n border-radius: 2px;\n margin-right: 8px;\n"])));
exports.LeftContainer = native_1.default.View(templateObject_7 || (templateObject_7 = __makeTemplateObject(["\n margin-right: 8px;\n"], ["\n margin-right: 8px;\n"])));
exports.RightContainer = native_1.default.View(templateObject_8 || (templateObject_8 = __makeTemplateObject(["\n margin-left: 8px;\n"], ["\n margin-left: 8px;\n"])));
var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5, templateObject_6, templateObject_7, templateObject_8;