playtpus_ui/lib/src/components/panel/index.js

React Component Libary

"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.Panel = void 0;
var react_1 = __importDefault(require("react"));
var styled_components_1 = __importDefault(require("styled-components"));
require("../main.scss");
var animation_1 = require("../animation");
var generator_1 = require("../generator");
;
exports.Panel = function (_a) {
    var style = _a.style, children = _a.children, show = _a.show, close = _a.close, background = _a.background, width = _a.width, position = _a.position;
    if (!show)
        return null;
    var Container = styled_components_1.default.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n    position: absolute;\n    top: 0;\n    z-index: 20;\n    bottom: 0;\n    ", " 0;\n    ", "\n    ", "\n    animation : ", " 200ms ease-out;"], ["\n    position: absolute;\n    top: 0;\n    z-index: 20;\n    bottom: 0;\n    ", " 0;\n    ", "\n    ", "\n    animation : ", " 200ms ease-out;"])), position === 'left' ? 'left :' : 'right :', generator_1.sizeStyle({ width: width || '250px', padding: ".5em" }), generator_1.designStyle({ shadow: true, background: background || "white" }), position !== 'left' ? animation_1.slideIn : animation_1.slideInLeft);
    return (react_1.default.createElement(Container, { style: style },
        react_1.default.createElement("i", { onClick: close, className: "fa fa-times-circle", style: { color: 'red', fontSize: "1.5em" } }),
        react_1.default.createElement("br", null),
        children));
};
exports.default = exports.Panel;
var templateObject_1;
//# sourceMappingURL=index.js.map